Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vinicius R3

: Validação de campos não funciona

Por , em Javascript

Recommended Posts

Vinicius R3    0

Vinicius R3
Postado

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">
<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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

iNando    0

iNando
Postado

mudar isto

 

<form method=post action="mailto:viniciushf@gmail.com?subject=Contato" enctype="text/plain" name="campform" [b]onclick="valida()"[/b]>

 

para isto

<form method=post action="mailto:viniciushf@gmail.com?subject=Contato" enctype="text/plain" name="campform">
o problema esta no onclick do form pq você ja tem um onclick no submit do cadastrar talvez resolva

 

ha e esse return no scritp em baixo do alert você pode tirar pq nao retorna nada.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito