Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia
Estou aprendendo javascript e preciso validar campos de um formulario em javascript.
Alguem poderia me mostrar como criar id e explicar como funciona,se puder me mostrar um exemplo no meu campo.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
href="estilo.css" />
<meta charset="UTF-8"/>
<title>Pratica sobre Html Parte-3</title>
<body class=body >
<div class=form align="center"><h1>Formulário</h1></div>
<div class=nome align="center"><p><b>Nome:</b><br></div>
<div align="center"><input type=text name="nome" size="45"></p><br></div>
<div class=email align="center"><p><b>Email:</b><br></div>
<div align="center"><input type=text name="email" size="45"></p><br></div>
<div class=assunto align="center"><p><b>Assunto:</b><br></div>
<div align="center"><input type=text name="assunto" size="45"></p><br></div>
<div class=mensagem align="center"><p><b>Mensagem:</b><br></div>
<div align="center"><textarea name="Mensagem" rows="10" cols="50" wrap="virtual"></textarea></p><br></div>
<div align="center"><p><input type="submit" value="Enviar Email"> <input type="reset" value="Limpar Formulário"></p></div>
</body>
</html>O ID é um atributo que você coloca no seu elemento do HTML, o mais importante de tudo, ele deve ser único, ou seja não pode se repetir.
Seria algo +/- assim:
<input type=text name="nome" max="45" id="nome">
<script>
var form = document.getElementById('id_do_meu_form'),
form.onsubmit = function(){
nome = document.getElementById('nome');
if(nome.value == ""){
alert('O campo não pode ficar vazio!');
return false;
}else{
alert('Ok!');
}
};
</script>Olá, se for um formulario, você pode usar o Onsubmit, exemplo:
HTML
<form name="form" onSubmit="return validar();">
<input type="text" name="nome" placeholder="Seu Nome">
<input type="submit">
</form>
JS
function validar(){
if(form.nome.value==""){
alert('Campo Nome Vazio');
return false;
}else{
alert('Campo Nome Está Preenchido');
}
}
Eu Prefiro assim, eu acho melhor que a 'id'. Tem que colocar o return false senão o usuario vai ir para próxima página. Cuidado Js no front-end não e seguro, use uma linguagem que trabalha ao lado do servidor.>
Em 26/06/2017 at 13:51, Pita disse:
O ID é um atributo que você coloca no seu elemento do HTML, o mais importante de tudo, ele deve ser único, ou seja não pode se repetir.
Seria algo +/- assim:
<input type=text name="nome" max="45" id="nome">
<script>
var form = document.getElementById('id_do_meu_form'),
form.onsubmit = function(){
nome = document.getElementById('nome');
if(nome.value == ""){
alert('O campo não pode ficar vazio!');
return false;
}else{
alert('Ok!');
}
};
</script>
Show de bola
Muito obrigado aos 2 ,ja me ajudou bastante.
basicamente é algo mais ou menos assim:
Primeiro você tem o input(do um jeito fácil coloque o id no seu input).