Jump to content
carlosnet

Formulários em Javascript

Recommended Posts

HappyHippyHippo

que bases tens de programação e que conhecimentos tens de javascript ?


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
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
ktunex

usavas so para a validaçao do formulario..caso n tenhas mtas bases de javascript.

Share this post


Link to post
Share on other sites
cheires

Os formulários do QREN são em Java, não em Javascript.

Muito provavelmente usam JEE.

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

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.