Javascript validação de campos
322 palavras
2 páginas
<html><head>
<title> Cadastro com Validação </title>
<script> // Início do Script
// Funções e Variaveis para validar o Formulário function IsNum(v)
{ var ValidChars = "0123456789"; var IsNumber=true; var Char;
for (i = 0; i < v.length && IsNumber == true; i++) { Char = v.charAt(i); if (ValidChars.indexOf(Char) == -1) { IsNumber = false; } } return IsNumber; }
function valida(form) {
if (form.nome.value=="" || form.nome.value=="Insira seu nome") { alert("Preencha o nome corretamente."); form.nome.focus(); return false;
}
if (form.sexo[0].checked==false && form.sexo[1].checked==false) { alert("Selecione o sexo."); return false;
}
if (form.idade.value=="" || !IsNum(form.idade.value)) { alert("Preencha a idade corretamente."); form.idade.focus(); return false;
}
if (form.civil.value=="") { alert("Selecione o Estado Civil."); form.civil.focus(); return false;
}
}
// Final do Script e Inicio das Box e Dados
</script>
</head>
<body>
<h1> Informe seus Dados </h1>
<form onsubmit="return valida(this);">
<fieldset>
<legend>
Dados Pessoais
</legend>
Nome: <input type="text" name="nome" value="Insira seu nome" onfocus="this.value='';"/><br><br>
Sexo: <input type="radio" name="sexo" value="masc"/> Masculino <input type="radio" name="sexo" value="fem"/> Feminino<br><br>
Idade: <input type="text" name="idade" maxlength="2" size="2"/> anos. <br><br>
Estado Civil
<select name = "civil">
<option value = ""> </option> <option value = "Solteiro"> Solteiro </option>
<option value = "Casado"> Casado </option>
<option value = "Viúvo"> Viúvo </option>
</select>
<br><br>