Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde a todos,
Estou tentando validar um formulario com o plugin 'jquery.validate' e enviar posteriormente
por ajax utilizando a função 'ajaxSubmit' do 'jQuery Form Plugin'.
Fiz tudo conforme as instruções que encontrei, utilizei o método 'submitHandler' para forçar a submeter por ajax,
mas não funciona, o formulário é enviado normalmente sem Ajax.
A validação funciona normal.
Alguém sabe o que pode estar errado?
codigos:
html:
<form id="formulario" method="post" action="cadastro_processa.php">
(Aqui o formulario)
<input id="botao-enviar" class="botoes-form" type="submit" name="campo-enviar" value="Enviar">
</form>
javascript:
$(document).ready(function(){
$("#formulario").validate({
showErrors: function(errorMap, errorList) { alert(errorList[0].message); } ,
onfocusout: false,
onkeyup: false,
onclick: false,
focusInvalid: false,
rules: {
campoTel: {
required: true,
notEquals: 'xxxx-xxxx'
},
campoEmail: {
notEquals: 'Digite o e-mail de contato da empresa',
email: true
},
campoRua: {
required: true,
notEquals: 'Digite o nome da rua'
},
campoNumero: {
required: true,
notEquals: "Digite o Nº",
}
},
messages: {
campoTel: {
required: "É necessário digitar o telefone",
notEquals: "É necessário digitar o telefone"
},
campoEmail: {
notEquals: "É necessário digitar o e-mail",
email:"O formato de e-mail deve estar incorreto"
},
campoRua: {
required: "É necessário digitar o nome da rua",
notEquals: "É necessário digitar o nome da rua"
},
campoNumero: {
required: "É necessário digitar o Nº",
notEquals: "É necessário digitar o Nº"
}
},
submitHandler: function(form) {
$(form).ajaxSubmit({
url:'cadastro_processa.php',
type: 'post',
dataType: 'html',
success: function(retorno) {
$('#contem-cadastro').html(retorno); }
});
}
});
});
Desde já muito obrigado
Carregando comentários...