: Validação de campos não funciona
Bom estou com um problema, estou desenvolvendo um cadastro e coloquei um código java script para validar se o campo está preenchido ou nulo.
Mas ele não está passando pela verificação, no internet explorer ele somente valida o primeiro campo, e valida duas vezes e me da uma outra mensagem do internet Explorer mesmo, já no firefox ele nem valida, com outro formulário consegui fazer mas este que estou usando com alguns css e com a tag <label for... não está funcionando. O código está ai em baixo, se puderem me ajudar agradeceria.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<script><!--
function valida()
{
if (campform.nomecamp.value == "")
{
alert("Voce esqueceu de fornecer o Nome do Campeonato");
return;
}
if (campform.dataini.value == ""){
alert("Você esqueceu de fornecer a Data Inicial do Campeonato");
return;
}
if (campform.datafim.value == ""){
alert ("Você esqueceu de fornecer a Data Final do Campeonato");
return;
}
if (campform.local.value == ""){
alert ("Você esqueceu de fornecer o Local do Campeonato");
return;
}
if (campform.qtdetimes.value == ""){
alert ("Você esqueceu de fornecer a Quantidade de Times");
return;
}
else regform.submit();
}//-->
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>.::Cadastro de Campeonato::.</title>
<script>
input {display: block;width: 175px;
float: left;
margin-bottom: 10px;
}label {
display: block;
text-align: right;
float: left;
width: 75px;
padding-right: 20px;
}
.checkbox {
width: 1em;
}br {
clear: left;
}
.buttonSubmit {
width: 75px;
margin-left: 95px;
}
</script>
<style type="text/css">
.formFields {
text-family:Arial,Tahoma,Helvetica,sans-serif; /*Nome da fonte*/
text-size:12px; /*Tamanho da fonte*/
color:#00FF00; /*Cor da fonte*/
background:#C0C0C0; /*Cor de fundo do elemento*/
}<!--
input {
background-color: #B0E0E6;
font: 12px verdana, arial, helvetica, sans-serif;
color:#003399;
border:2px solid #000099;
}-->
--> Script para criar o formulário sem br e li
input{
display:block;
margin-left:110px;
margin-bottom:5px;
}label{
clear:left;
display:block;
float:left;
margin-top:3px;
width:100px;
}fieldset{
border:0px;
}body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
width: inherit;
margin:50px;
color:#666; }
.fieldset {
width:300px; }.fieldset .label {
text-align:right;
width:70px;
float:left;
padding:0.2em;
margin:0;
margin-top:0.3em; }.fieldset .nobr {
display:none; }
.fieldset .textfield {
margin:3px;
height:20px;
width:200px; }.fieldset .textarea {
margin:3px;
height:165px;
width:200px; }
</style>
</head>
<body >
<form method=post action="mailto:viniciushf@gmail.com?subject=Contato" enctype="text/plain" name="campform" onclick="valida()">
<label for="NomeCampeonato">Nome do Campeonato</label>
<input name="nomecamp" type="text" />
<br />
<br />
<label for="DataInicio">Data de Início</label>
<input name="dataini" type="text" />
<br />
<br />
<label for="DataTermino">Data de Término</label>
<input name="datafim" type="text" />
<br />
<br />
<label for="Local">Local:</label>
<input name="local" type="text" />
<br />
<br />
<label for="QuantidadeDeTimes">Quantidade de Times</label>
<input name="qtdetimes" type="text" />
<br />
<br />
<input value="Cadastrar" type="submit" onClick="valida()"/>
</form>
</body>
</html>Discussão (2)
Carregando comentários...