Jump to content
carlosnet

Formulários em Javascript

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

Share this post


Link to post
Share on other sites
ktunex

é muito simples criar um formulario. e validar, tens ferramentas no dreamweaver que te fazem isso...caso nao percebas muito do assunto. :)

Share this post


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%.

Share this post


Link to post
Share on other sites
lsoares

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • 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.