Validador de formulário

blacktrindade · Fevereiro 25, 2014

Bom dia, criei um script para validar o formulário más ele só funcionou uma unica vez e depois disto nunca mais funcionou, podem me ajudar?

Javascript:


<script type="text/javascript">
	function validar() {
		alert("Função Ativa");
		var modelo = cad_seminovo.modelo.value;
		alert(modelo);
		var descricao = cad_seminovo.descricao.value;
		var marca = cad_seminovo.marca.value;
		var categoria = cad_seminovo.categoria.value;
		var localizacao = cad_seminovo.localizacao.value;
		var ano = cad_seminovo.ano.value;
		var horas = cad_seminovo.horas.value;
		var potencia = cad_seminovo.potencia.value;
		var uploads = cad_seminovo.uploads.value;
				 
			if (modelo == "aa") {
				alert('Preencha o campo MODELO');
				cad_seminovo.modelo.focus();
				return false;
			}
			
			if(descricao == "") {
				alert('Preencha o campo DESCRIÇÃO');
				cad_seminovo.descricao.focus();
				return false;
			}
			
			if(marca == "") {
				alert=('Selecione a MARCA');
				cad_seminovo.marca.focus();
				return false;
			}
			
			if(categoria == "") {
				alert('Selecione a CATEGORIA');
				cad_seminovo.categoria.focus();
				return false;
			}
			
			if(localizacao == "") {
				alert('Preencha o campo LOCALIZAÇÃO');
				cad_seminovo.localizacao.focus();
				return false;
			}
			
			if(ano == "") {
				alert('Preencha o campo ANO');
				cad_seminovo.ano.focus();
				return false;
			}
			
			if(horas == "") {
				alert('Preencha o campo HORAS TRABALHADAS');
				cad_seminovo.horas.focus();
				return false;
			}
			
			if(potencia == "") {
				alert('Preencha o campo POTÊNCIA');
				cad_seminovo.potencia.focus();
				return false;
			}
			
			if(uploads == "") {
				alert('Selecione as fotos do veículo');
				cad_seminovo.uploads.focus();
				return false;
			}	
			
			
	}
</script>

Formulário:

<form id="cad_seminovo" name="cad_seminovo" method="post" action="?funcao=cadastrar-seminovo" enctype="multipart/form-data">
        <fieldset>
	        <label>Modelo</label>
		<input type="text" name="modelo" id="modelo" value="">
	</fieldset>
	<fieldset>
		<label>Descrição</label>
		<textarea rows="12" name="descricao" id="descricao" value=""></textarea>
	</fieldset>
	<fieldset style="width:48%; float:left; margin-right: 3%;"> 
		<label>Marca</label>
		<select id="marca" name="marca" style="width:92%;">
		<option value="Case">Case</option>
		<option value="Massey Ferguson">Massey Ferguson</option>
		<option value="New Holland">New Holland</option>
                <option value="Valtra/Valmet">Valtra/Valmet</option>
                <option value="Fendt">Fendt</option>
                <option value="Challenger">Challenger</option>
                <option value="John Deer">John Deer</option>
                <option value="Ursu">Ursu</option>
                <option value="Agrale">Agrale</option>
                <option value="Diversas">Diversas</option>
	</select>
	</fieldset>
                        
        <fieldset style="width:48%; float:left; "> 
		<label>Categoria</label>
		<select id="categoria" name="categoria" style="width:92%;">
		<option value="Tratores">Tratores</option>
		<option value="Colheitadeiras">Colheitadeiras</option>
		<option value="Feno e Ferragem">Feno e Ferragem</option>
                <option value="Pulverizadores">Pulverizadores</option>
                <option value="Semeadores">Semeadores</option>
	</select>
	</fieldset>
                        
	<fieldset style="width:48%; float:left; margin-right: 3%;"> 
		<label>Localização</label>
		<input type="text" name="localizacao" id="localizacao" value="" style="width:92%;">
	</fieldset>
                        
        <fieldset style="width:48%; float:left; 	"> 
	     <label>Ano</label>
	     <input type="text" name="ano" id="ano" value="" style="width:92%;">
	</fieldset>
                        
        <fieldset style="width:48%; float:left; margin-right: 3%;">
		<label>Potência</label>
		<input type="text" name="potencia" id="potencia" value="" style="width:92%;">
	</fieldset>
                        
        <fieldset style="width:48%; float:left;">
		<label>Horas Trabalhadas</label>
		<input type="text" name="horas" id="horas" value="" style="width:92%;">

		</fieldset><div class="clear"></div>
</div>
		<footer>
<div class="submit_link">
                    <strong>CAPA:</strong> <input name="upload" type="file"> 
                    <input type="submit" onclick="validar()" value="Cadastrar" class="alt_btn">
		<!--<input type="submit" value="Limpar">-->
</div>
</footer>
</form>

xanburzum · Fevereiro 25, 2014

Ele gera algum erro ?

Ted k' · Fevereiro 25, 2014

Pegue o código que fiz e compare, está funcionado agora:

Removi aquele mundo de variaveis e criei a variavel do formulario que faltava:

<script type="text/javascript">
function validar() {
alert("Função Ativa");
var doc = document.cad_seminovo;


if (doc.modelo.value == "") {
alert('Preencha o campo MODELO');
return false;
}
else if(doc.descricao.value == "") {
alert('Preencha o campo DESCRIÇÃO');
doc.descricao.focus();
return false;
}


else if(doc.marca.value == "") {
alert=('Selecione a MARCA');
doc.marca.focus();
return false;
}


else if(doc.categoria.value == "") {
alert('Selecione a CATEGORIA');
doc.categoria.focus();
return false;
}


else if(doc.localizacao.value == "") {
alert('Preencha o campo LOCALIZAÇÃO');
doc.localizacao.focus();
return false;
}


else if(doc.ano.value == "") {
alert('Preencha o campo ANO');
doc.ano.focus();
return false;
}


else if(doc.horas.value == "") {
alert('Preencha o campo HORAS TRABALHADAS');
doc.horas.focus();
return false;
}


else if(doc.potencia.value == "") {
alert('Preencha o campo POTÊNCIA');
doc.potencia.focus();
return false;
}


else if(doc.uploads.value == "") {
alert('Selecione as fotos do veículo');
doc.uploads.focus();
return false;
}


}
</script>

No formulario adicionei o onsubmit que faltava e removi o onclick do submit pois não estava correto:

<form id="cad_seminovo" name="cad_seminovo" method="post" action="?funcao=cadastrar-seminovo" enctype="multipart/form-data" onsubmit="return validar()">
        <fieldset>
       <label>Modelo</label>
<input type="text" name="modelo" id="modelo" value="">
</fieldset>
<fieldset>
<label>Descrição</label>
<textarea rows="12" name="descricao" id="descricao" value=""></textarea>
</fieldset>
<fieldset style="width:48%; float:left; margin-right: 3%;"> 
<label>Marca</label>
<select id="marca" name="marca" style="width:92%;">
<option value="Case">Case</option>
<option value="Massey Ferguson">Massey Ferguson</option>
<option value="New Holland">New Holland</option>
               <option value="Valtra/Valmet">Valtra/Valmet</option>
               <option value="Fendt">Fendt</option>
               <option value="Challenger">Challenger</option>
               <option value="John Deer">John Deer</option>
               <option value="Ursu">Ursu</option>
               <option value="Agrale">Agrale</option>
               <option value="Diversas">Diversas</option>
</select>
</fieldset>
                       
       <fieldset style="width:48%; float:left; "> 
<label>Categoria</label>
<select id="categoria" name="categoria" style="width:92%;">
<option value="Tratores">Tratores</option>
<option value="Colheitadeiras">Colheitadeiras</option>
<option value="Feno e Ferragem">Feno e Ferragem</option>
               <option value="Pulverizadores">Pulverizadores</option>
               <option value="Semeadores">Semeadores</option>
</select>
</fieldset>
                       
<fieldset style="width:48%; float:left; margin-right: 3%;"> 
<label>Localização</label>
<input type="text" name="localizacao" id="localizacao" value="" style="width:92%;">
</fieldset>
                       
       <fieldset style="width:48%; float:left; "> 
    <label>Ano</label>
    <input type="text" name="ano" id="ano" value="" style="width:92%;">
</fieldset>
                       
       <fieldset style="width:48%; float:left; margin-right: 3%;">
<label>Potência</label>
<input type="text" name="potencia" id="potencia" value="" style="width:92%;">
</fieldset>
                       
       <fieldset style="width:48%; float:left;">
<label>Horas Trabalhadas</label>
<input type="text" name="horas" id="horas" value="" style="width:92%;">


</fieldset><div class="clear"></div>
</div>
<footer>
<div class="submit_link">
                   <strong>CAPA:</strong> <input name="upload" type="file"> 
                   <input type="submit" value="Cadastrar" class="alt_btn">
<!--<input type="submit" value="Limpar">-->
</div>
</footer>
</form>

OBS: validação de select não é dessa forma, deixei assim para você pesquisar e verificar como fazer, nem tudo na mão né amigo, hehehe, boa pesquisa, qualquer dúvida posta ae!

blacktrindade · Fevereiro 25, 2014

kkkkkkkkk quanto a validação tudo bem, más a mensagem de aviso aparece e mesmo assim o formulário é enviado :o

Ted k' · Fevereiro 25, 2014

Testou o que coloquei, está funcionando aqui!

blacktrindade · Fevereiro 26, 2014

Testou o que coloquei, está funcionando aqui!

Pode ser algum outro script java q esteja inibindo o código no meu site?

Ted k' · Fevereiro 26, 2014

Veja o seu console... verifica se tem algum erro...

Pegue meu script, coloque em uma página nova de html e teste separadamente!

Entrar

Arquivado

Validador de formulário

Recommended Posts

blacktrindade 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

blacktrindade 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

blacktrindade 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

Não consigo carregar imagem do captcha no meu formulário

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante