fiote, agora funcionou... falta de experiência e falta de atenção... <form name="form1" id="form1" method="post" action="">
id="fom1"
Muito obrigado.
Surgiu novos problemas =/...
tentei implementar algumas coisas ao formulário:
Campo "select1" e coloquei(tentei colocar) foco nos campos.
Vamos aos problemas:
Problema 1: No IE o formulário verifica o campo "nome" e caso esteja vazio mostra a mensagem, mas quando clico em OK ele recarrega a página, mesma coisa com o campo "cidade"... ou seja, se a pessoa preencher o "nome" e tentar enviar sem preencher a "cidade", vai mostrar a mensagem dizendo que o campo "cidade" está vazio e se a pessoa clicar em OK a página é recarregada e perde o valor do campo "nome". No Firefox e no Chrome a verificação funciona e o foco também.
Problema 2: No Firefox e no Chrome o campo "select1", não está sendo verificado. Se o usuário preencher o campo "nome" e "cidade" e não selecioner nenhum valor, e clicar em Enviar o formulário é enviado. No IE a verificação do campo "select1" acontece.
<html>
<head>
<title>Teste</title>
<script language="JavaScript" type="text/JavaScript">
//--> Validação dos Campos <--//
window.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")
nome.focus();
return false
}
if(document.getElementById("cidade").value==""){
alert("Por favor preencha a Cidade")
cidade.focus();
return false
}
if(document.getElementById("select1").value==""){
alert("Por favor selecione algum valor")
select1.focus();
return false
}
}
}
</script>
</head>
<body>
<form name="form1" id="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>
<select name="select1" id="select1">
<option>Selecione</option>
<option value="1">Valor 1</option>
<option value="2">Valor 2</option>
</select>
</p>
<p>
<input type="submit" name="Submit" value="Enviar">
</p>
</form>
</body>
</html> Desculpem a inexperiência... provavelmente são erros/dúvidas simples como foi a anterior, mas como eu disse anteriormente estou tentando aprender... :lol: Obrigado.