Ir para o conteúdo
carlosnet

Formulários em Javascript

Mensagens Recomendadas

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>

Editado por brunoais
geshi + separar código para ficar tudo colorido

HTML Master

The programs change the world

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
ktunex

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

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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

Editado por lsoares

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.