Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal!
Estou começando a mecher com javascript, montei um formulário pra teste mas nao consigo validar o radio de sexo.
Segue o código:
<html>
<head>
<script type="text/javascript">
function validarForm(){if(document.form.nome.value == "" || document.form.nome.lenght < 5){
alert("O campo NOME deve ser preenchido!");
document.form.nome.focus();
return false;ds = document.form.sexo;
if(!ds[1].checked && !ds[2].checked){
alert("Preencha o SEXO!");
return false;if(document.form.dt.value == "" || document.form.dt.lenght > 3){
alert("A idade deve ser preenchida, e pode ter no maximo 3 caracteres!");
document.form.dt.focus();
return false;if(campo_email=="") {
alert("O campo Email deve ser preenchido!");
document.form.email.focus();
return false;
} alert("É necessário o preenchimento de um endereço de e-mail válido.");
document.form.email.focus();
return false;
}
if(document.form.senha.value == ""){
alert("O campo SENHA deve ser preenchido");
document.form.senha.focus();
return false;
}
senha = document.form.senha.value;
senha2 = document.form.senha2.value;
if(senha != senha2){
alert("As senhas são diferentes!");
document.form.senha2.focus();
return false;
}
return true;
}
</script>
<link rel="stylesheet" type="text/css" href="estilo.css">
<title></title>
</head>
<body background="back3.jpg">
<div id="geral">
<div id="topo">
</div>
<div id="menu">
<ul>
<li><a href="teste.php">Home</a></li>
<li>Fórum</li>
<li><a href="cadastro.html">Cadastre-se</a></li>
<li>Contato</li>
</ul>
</div>
<div id="principal">
<h3 align="center">Cadastre-se</h3><br/>
<center>
<form name="form" id="form" onSubmit="validarSenha()""/>
<table border=0>
<tr><td>Nome:<br/><input type="text" name="nome" id="nome"></td></tr>
<tr><td>Sexo:<br/>M<input type="radio" name="sexo" id="sexo" value="m"> F<input type="radio" name="sexo" id="sexo" value="f"></td></tr>
<tr><td>Idade:<br/><input type="text" name="dt" id="dt" size="3"></td></tr>
<tr><td>Email:<br/><input type="text" name="email" id="email"></td></tr>
<tr><td>Senha:<br/><input type="password" name="senha" id="senha"></td></tr>
<tr><td>Confirmar Senha:<br/><input type="password" name="senha2" id="senha2""></td></tr>
<tr><td><input type="submit" value="Enviar" onClick="validarForm()"/><input type="reset" value="Limpar"/></td></tr>
</table>
</form>
</center>
</div>
</div>
</body>
</html>E agora?
Carregando comentários...