Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Cleiton Ribeiro_113969

[Resolvido] minha validação de sexo não funciona!

Por , em Javascript

Recommended Posts

Cleiton Ribeiro_113969    0

Cleiton Ribeiro_113969
Postado

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(){
//Nome
if(document.form.nome.value == "" || document.form.nome.lenght < 5){
alert("O campo NOME deve ser preenchido!");
document.form.nome.focus();
return false;
}else
//sexo
ds = document.form.sexo;
if(!ds[1].checked && !ds[2].checked){
alert("Preencha o SEXO!");
return false;
}else
//Idade
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;
}else
//Email
var campo_email = document.form.email.value;
//Checando se o endereço e-mail não esta vazio
if(campo_email=="") {
	alert("O campo Email deve ser preenchido!");
	document.form.email.focus();
	return false;
}
//Checando se o endereço de e-mail é válido
if(!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(document.form.email.value))) {
	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>
Cadastro
</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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel o rei    14

Daniel o rei
Postado

Para ver se algum campo está selecionado:

document.form.sexo[0].checked || document.form.sexo[1].checked

Se algum tiver selecionado vai dar true.

 

Não sei se o operador logico OR do javascript é || ou OR

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cleiton Ribeiro_113969    0

Cleiton Ribeiro_113969
Postado

Para ver se algum campo está selecionado:

document.form.sexo[0].checked || document.form.sexo[1].checked

Se algum tiver selecionado vai dar true.

 

Não sei se o operador logico OR do javascript é || ou OR

 

Grato! parece que deu certo.

 

O problema era que eu estava identificando os dois "RADIO" como 1 e 2, mas na verdade o primeiro radio é o 0(zero).

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito