提交表單后調試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源，但是尚無明顯的跡象表明提交均勻觸發了功能。 由於這是一個ajax調用，因此我無法弄清楚在表單提交后使用Firebug中的“下一步中斷”會調用哪個函數。

表格在此頁面上： 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)
   }
});