<html>
<head>
<title>Social Mids</title>

<script type="text/javascript">
function validaForm(){
var cad = document.getElementById("cadastro");

for(i = 0; i < cad.length; i++){
if(cad.elements[i].value == ''){
alert("O campo " + cad.elements[i].name + " é obrigatório!");
cad.elements[i].focus();
return false;
}
}

var marcado = false;
for(i = 0; i < cad.sexo.length; i++){
if(cad.sexo[i].checked){
marcado = true;
}
}
if(!marcado){
alert("Selecione o sexo");
return false;
}

var marcado = false;
for(i = 0; i < cad.Estado civil.length; i++){
if(cad.Estado civil[i].checked){
marcado = true;
}
}
if(!marcado){
alert("Selecione o Estado civil");
return false;
}

}

function validaNumeros() {
tecla = event.keyCode;
if (tecla >= 48 && tecla <= 57){
return true;
} else {
return false;
}
}

function validaEmail(){
var cad = document.getElementById("cadastro");

if (cad.Data de nascimento.value.indexOf("@") == -1 || cad.email.value.indexOf(".com") == -1){
alert("E-mail inválido!");
return false;
}
}

</script>
<meta charset="utf-8">
</head>

<body>

<form id="cadastro" action="" onsubmit="return validaForm();" method="post">
<fieldset>
<legend>Informações pessoais</legend>

<label> Nome: <input type="text" name="nome"/></label>
<label> Data de Nascimento:<input type="text" name="Data de nascimento" onkeypress="return validaNumeros();"/></label>
<label>Senha: <input type="password" name="senha"/></label><br />

<label>Sexo: </label><br />
<label><input type="radio" name="sexo" value="masculino"/>Masculino</label><br/>
<label><input type="radio" name="sexo" value="feminino"/>Feminino</label><br/>

<label>Estado civil:</label><br />
<label><input type="radio" name="Estado civil" value="Solteiro"/>Solteiro</label><br/>
<label><input type="radio" name="Estado civil" value="Casado"/>Casado</label><br/>
<label><input type="radio" name="Estado civil" value="Separado"/>Separado</label><br/>
<label><input type="radio" name="Estado civil" value="Divorciado"/>Divorciado</label><br/>
<label><input type="radio" name="Estado civil" value="Viuvo"/>Viuvo</label><br/>

<label>Insira uma foto de perfil:<br />
<label><input type="file" name="Foto"/></label><br />

<label> Email: <input type="text" name="Email" onchange="return validaEmail()"/></label>

</fieldset>

<fieldset>

<legend>Informações adicionais</legend>
Interesses:<br />
<label><input type="checkbox" name="Interesses" value="Filmes" />Filmes</label><br />
<label><input type="checkbox" name="Interesses" value="Musicas" />Musicas</label><br />
<label><input type="checkbox" name="Interesses" value="Séries" />Séries</label><br />
<label><input type="checkbox" name="Interesses" value="Animes" />Animes</label><br />
<label><input type="checkbox" name="Interesses" value="Livros" />Livros</label><br />
<label><input type="checkbox" name="Interesses" value="Cultura" />Cultura</label><br />

</fieldset>

<form action="">
<input type="submit" name="botao" value="Enviar"/>
<input type="reset" name="botao" value="Limpar"/>
<input type="button" name="botao" value="OK"/><br />

</body>

Plugins

Linguagem de Progamação para Web I

FAFICA

💡 1 Resposta

✏️ Responder

Outros materiais

Perguntas relacionadas

o que ta de errado para validar com javascript??

aqui não aparece se é invalido ou não (javascript)

Outros materiais