提交表单后调试ajax调用

Question

我有一个由某个php框架自动开发的表单。我想为表单输入添加自定义验证，并在验证失败时防止提交表单。

要做到这一点，我写了下面的脚本：

$("form.pods-form-pod-katilimci").submit(function(event){ 
    telefon = $("form.pods-form-pod-katilimci #pods-form-ui-pods-field-oncelikli-telefon"); 
    email = $("form.pods-form-pod-katilimci #pods-form-ui-pods-field-email"); 
    if($.trim(telefon.val()).length == 0 && $.trim(email.val()).length == 0) { 
     alert("Size ulaşabilmemiz için eposta adresi veya telefon numaranızdan birisini mutlaka doldurmalısınız."); 
     event.preventDefault(); 
     return false; 
    } 
}); 

它可以正常工作。没有问题。但提交表单会触发一个自动的ajax调用，并且该调用会绕过我的验证。因此，preventDefault()不能阻止提交表单。

我想找出哪个JavaScript函数导致这种行为使用Firebug。我查看了表单的html源代码，但没有提交evend触发的函数的明确标记。由于这是一个Ajax调用，我无法弄清楚在Firebug中使用“Break on Next”提交表单后调用哪个函数。

的形式在这个页面上：http://www.aep.gov.tr/kullanici-islemleri/uyelik-bilgileri/

我如何可以找出哪些JavaScript函数提交表单后触发。

Answer 1

您可以尝试使用jQuery验证插件：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

$('#yourformId').validate({ 
    rules:{ 
    telefon:{ 
     required:true 
    }, 
    email:{ 
     required:true 
    } 
    } 
}); 

然后使用Ajax的形式插件： http://malsup.com/jquery/form/

而这种代码：

$('#yourformId').ajaxForm({ 
    succes:function(response){ 
     (your code needed for another ajax call) 
    } 
});