estou tentando aprender um pouco de JavaScript, fiz esse formulário apenas para testar. Provavelmente pra muitos é super simples, mas pra quem está aprendendo... é complicado... :wacko:
Ele verifica o campo Nome e Cidade, caso fiquem em branco aparece a mensagem pedindo para o usuário preeencher o campo, vamos ao problemas... no Internet Explorer funciona belezinha, mas no Firefox e no Chrome não... =/
<html>
<head>
<title>Teste</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
//--> Validação dos Campos <--//
onload=function(){
//Pega o formulário
var formulario=document.getElementById("form1")
//Utiliza o atributo onsubmit para a verificação
formulario.onsubmit=function(){
//Verifica se o campo "X" foi preenchido
if(document.getElementById("nome").value==""){
alert("Por favor preencha o Nome")
return false
}
if(document.getElementById("cidade").value==""){
alert("Por favor preencha a Cidade")
return false
}
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p> Nome<br>
<input name="nome" type="text" id="nome">
</p>
<p>Cidade<br>
<input name="cidade" type="text" id="cidade">
</p>
<p>
<input type="submit" name="Submit" value="Enviar">
</p>
</form>
</body>
</html>
Pergunta
J.J.
Boa tarde,
estou tentando aprender um pouco de JavaScript, fiz esse formulário apenas para testar. Provavelmente pra muitos é super simples, mas pra quem está aprendendo... é complicado... :wacko:
Ele verifica o campo Nome e Cidade, caso fiquem em branco aparece a mensagem pedindo para o usuário preeencher o campo, vamos ao problemas... no Internet Explorer funciona belezinha, mas no Firefox e no Chrome não... =/
<html> <head> <title>Teste</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript"> //--> Validação dos Campos <--// onload=function(){ //Pega o formulário var formulario=document.getElementById("form1") //Utiliza o atributo onsubmit para a verificação formulario.onsubmit=function(){ //Verifica se o campo "X" foi preenchido if(document.getElementById("nome").value==""){ alert("Por favor preencha o Nome") return false } if(document.getElementById("cidade").value==""){ alert("Por favor preencha a Cidade") return false } } } </script> </head> <body> <form name="form1" method="post" action=""> <p> Nome<br> <input name="nome" type="text" id="nome"> </p> <p>Cidade<br> <input name="cidade" type="text" id="cidade"> </p> <p> <input type="submit" name="Submit" value="Enviar"> </p> </form> </body> </html>Quem puder ajudar eu agradeço.
Link para o comentário
Compartilhar em outros sites
6 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.