Jump to content

Formulários em Javascript


carlosnet

Recommended Posts

ralmeidasantos

Boa tarde, não consegui perceber muito bem, o que querias, mas resolvi fazer um exemplo de formulário, onde depois podem, ser acrescentados mais tópicos.

<html>
<head>
<title>Validando formularios</title>

<script language="javascript"
type="text/javascript">

function validaForm()
{
var d=document.formulario; //Vai pegar o
formulario e adicionar em uma variavél
// Formulario é o nome que dei ao meu form
/*Verifica se o campo texto esta vazio*/
if (d.texto1.value=="" || d.texto1.value==null)
{
alert ("Por favor preencha o campo" +
d.texto1.name); //d.text.name mostra o nome que
voce deu na janela de alerta
d.texto1.focus(); //volta ao campo que está errado
return false; //retorna falso e continua na página
}

/*Verifica se o campo texto tem mais de 4
caracter*/

if (d.texto1.value.length <4) //verifica se tem
mais de 4 caracter
{
alert ("Insira um nome válido");
d.texto1.focus(); //volta ao campo que está errado
return false; //retorna falso e continua na página
}

/*Verifica se é string ou numero*/

if (!isNaN(d.texto1.value))
{
alert ("Insira somente letras");
d.texto1.focus(); //volta ao campo que está errado
return false; //retorna falso e continua na página
}


/*Validando Radio*/

if (!(d.Radio1.checked || d.Radio2.checked))
//Verifica se o radio ta ativado
{
alert("Selecione 1 Radio");
d.Radio1.focus();
return false;
}


/*Validando select*/

if (d.Select1.value == "")
{
alert("Escolha uma opção");
d.Select1.focus();
return false;
}

/*Validando checkbox*/

if (d.Check1.checked == false &amp;&amp; d.Check2.checked
== false &amp;&amp; d.Check3.checked == false ) {
alert("Favor escolher uma opção");
d.Check1.focus();
return false;
}

return true;
}

</script>
</head>

<body>
<h2>Validando Formulário</h2>

<form name="formulario" method="post"
action="enviado.html" onsubmit="return validaForm
();">

<!-- com onsubmit="return validaForm();" ele só
enviara os dados qnd for true -->
<p>
Text <input type="text" name="texto1" value="" />
</p>

<p>
Radio 1 <input type="radio" id="Radio1"
name="testeR" value="R1" />
Radio 2 <input type="radio" id="Radio2"
name="testeR" value="R2" />
</p>

<p>

Select
<br />
<select name="Select1">

<option></option>
<option>Opcao 1 </option>
<option>Opcao 2</option>
<option>Opcao 3 </option>
<option>Opcao 4</option>

</select>
</p>

CheckBox

<p>

Check 1<input type="checkbox" name="Check1" />
<br />

Check 2<input type="checkbox" name="Check2" />
<br />

Check 3<input type="checkbox" name="Check3" />
<br />

</p>

<input type="submit" name="submit" />
</form>
</body>
</html>
Edited by brunoais
geshi + separar código para ficar tudo colorido

HTML Master

The programs change the world

Link to post
Share on other sites
brunoais

é muito simples criar um formulario. e validar, tens ferramentas no dreamweaver que te fazem isso

Eu já vomitei demasiado o dreamweaver, tanto durante o pouco tempo que tentei usa-lo como quando fazem perguntas com "código" feito com a "ajuda" dele.

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Link to post
Share on other sites

formulários em Java? isso não existe.. o browser só entende HTML, CSS, Javascript e pouco mais...

Ao autor do tópico:

O Javascript confere comportamento (para validação, submissão por Ajax, dinamismo, etc.);

Antes disso há que definir o HTML correspondente a um formulário - o elemento form.

Para tal, recomendo ler algo como: http://www.w3schools.com/html/html_forms.asp

Edited by lsoares
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.