Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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><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({},
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
Carregando comentários...