Ir para conteúdo

Arquivado

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

Gilberto Jr

Validade não funciona no formulário

Por , em Javascript

Recommended Posts

Gilberto Jr    26

Gilberto Jr
Postado

Pessoal, boa tarde;

 

O meu Validade que estou usando não esta funcionando. Abaixo esta o meu código.

 

Quando clico no botão de enviar o mesmo aparece as mensagens que os campos são obrigatórios mas mesmo assim envia as informações que esta no formulário.

 

O que pode esta errado nesse nesse código?

 

O link para teste do formulário esta nesse link http://gilbertophp.pe.hu/viewimovel.php?idimovel=2

 

No Final da página tem um formulário. Mesmo deixando os campos em branco ele vai dizer que os campos são obrigatórios mas vai enviar a informação.

 

Vai aparecer a mensagem dizendo que os dados foram salvo com sucesso.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<!--INICIO FORMULARIO SOLITAÇÃO INFORMAÇÃO DO IMÓVEL-->
<script type="text/javascript" language="javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.form.js"></script>
<script>
$a = jQuery.noConflict();
$a(document).ready(function() {
	$a(".resultado").hide();
	$a("#infoimovel").ajaxForm({
				
		target: ".resultado",
           beforeSend: function () {
	      // $a(".resultado20").html("<img src='img/08.gif'>");
		   //$a(".resultado21").html("Efetuando Backup...");
		   $a("#enviandoform").val("Executando o envio da mensagem para os corretores da Fabiola Alves Corretora de Imóveis.");
		   //$a("#progressbar1").show();
        },
		success: function(retorno){
			$a(".resultado").html(retorno);
			$a(".resultado").show();
			$a("#infoimovel").resetForm();	
			$a("#enviandoform").val("Enviar mensagem para os corretores da Fabiola Alves Corretora de Imóveis.");
			setTimeout(function(){
				$a(".resultado").hide()},9999999); //TEMPO INDEFINIDO					
		},
		
		});
		
		//return false
});
</script>


            
            <div class="chamadaInfoImovel">
            Solicite informações sobre este imóvel
            </div>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script>
$b = jQuery.noConflict();
$b(document).ready(function() {

	$b("#infoimovel").validate({
//OS CAMPOS DO FORMULARIO QUE EU QUERO VALIDAR, PEGANDO A TAG NAME
		rules:{
			nome:{
				required: true,
				minlength: 5
			},
			email:{
				required: true,
				email: true
				
			},
			celular:{
				required: true,
				rangelength: [14,15]
			},
			mensagem:{
				required: true,
				minlength: 10
			},
//FIM DOS CAMPOS DO FORMULARIO QUE EU QUERO VALIDAR
		},
//MENSAGENS DOS CAMPOS DO FORMULARIO QUE SÃO VALIDADOS
		messages:{
			nome:{
				required: "Obrigátorio!",
				minlength: "O #NOME deve ter no minimo 5 caracteres!"
			},
			email:{
				required: "Obrigátorio!",
				email: "Informe um #E-MAIL válido!"
				
			},
			celular:{
				required: "Obrigátorio!",
				rangelength: "O #TELEFONE são 14 ou 15 caracteres incluindo o DDD!"
			},
			mensagem:{
				required: "Obrigátorio!",
				minlength: "A #MENSAGEM deve ter no minimo 10 caracteres!"
				
			},
//FIM MENSAGENS DOS CAMPOS DO FORMULARIO QUE SÃO VALIDADOS
			
		}	

	});
    
});

</script>
    
<style type="text/css">
.error{
	color:#f00;
	font-family:Calibri;
	font-size:12px;
	font-weight:normal;
	padding:0 5px;
}
.erro,.span1,#contrato-error{
	display:block;
}
.input2,.span2{
	display:inline
}
</style>

            <form method="post" name="infoimovel" id="infoimovel" action="infoimovel.php">
            	<div class="formInfoImovel">
                    <div class="resultado">
                    </div>
                   <p>
                      <input type="text" name="nome" id="nome" placeholder="*Informe seu nome" />
                   </p>
                   <p>
                     <input type="text" name="email" id="email" placeholder="*Informe seu e-mail" />
                   </p>
                   <p>
                      <input type="text" name="celular" id="celular" placeholder="*Informe seu telefone com DDD" maxlength="15" />
                   </p>
                   <p>
                   <textarea id="mensagem" name="mensagem" rows="4"></textarea>
                   <input type="hidden" name="codigo_imovel" id="codigo_imovel" value="<?=$idimovel;?>" />
                   </p>
                   <p>
                   <button type="submit" id="enviandoform" 
                     data-complete-text="Mensagem enviada com sucesso!"
                     data-loading-text="Enviando mensagem, aguarde...">
                     Enviar mensagem para os corretores da Fabiola Alves Corretora de Imóveis.
                   </button>
                   </p>               
                </div>
               </form>
</body>
</html>

Att;

Gilberto Jr

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