僅當驗證檢查返回true時才通過ajax發佈

Question

我正在使用RSV驗證程序檢查我的表單。想要得到以下工作：假設用戶第一次打開頁面。填充所有文本輸入框後，當用戶第一次點擊#submit_btn時，表單提交功能觸發RSV（驗證器），驗證器檢查是否有任何錯誤。如果沒事，通過ajax發佈數據，否則RSV在alert()的幫助下顯示錯誤消息數組。此程序僅適用於第一次

BTW：RSV - 驗證程序。如果在驗證過程中沒有發生錯誤，myoncomplete()函數會返回1 ..如果出現錯誤，它會發出警報。得到從here

我不能得到它的工作。請幫我解決邏輯/代碼錯誤。 THX提前

我的JS

var int=null; 
var counter=0; 
function myOnComplete() { 

    return 1; 

} 

$(document).ready(function() { 

$("#add_form").RSV({ 

     onCompleteHandler: myOnComplete, 

     rules: [ 

      "required,name,Page name required", 

      "required,title,Page title required.", 


      ] 

    }); 

$("#add_form").submit(function (e) { 
     e.preventDefault(); 
     dataString = $("#add_form").serialize(); 
     $.ajax({ 
      type: "POST", 
      url: "processor/dbadd.php", 
      data: dataString, 
      dataType: "json", 
      success: function (result, status, xResponse) { 
       //do something if ajax call is success 

       int = setInterval(call, 3000); 
       var message = result.msg; 
       var err = result.err; 
       if (message != null) { 
        $.notifyBar({ 
         cls: "success", 
         html: message 
        }); 
       } 
       if (err != null) { 
        $.notifyBar({ 
         cls: "error", 
         html: err 
        }); 
       } 
      }, 
      error: function (e) { 
       //ajax call failed 
       alert(e); 
      } 
     }); 
}); 
$("#submit_btn").click(function() { 

      if(counter===0){ 
      if(myOnComplete()===1) $('#add_form').submit(); 
      else return false; 
      } 
      else $('#add_form').submit(); 
      counter++; 
      }); 

      $('#autosave').click(function(){ 
       if($(this).is(':checked')){ 
        int = setInterval(call, 3000); 
        $('#submit_btn').attr({'value':'Save&Exit'}); 
       } 
      else{ 
        $('#submit_btn').attr({'value':'Save'}); 
        clearInterval(int); 
       } 
      }); 

}); 

function call() { 
    $('#add_form').submit(); 
} 

Answer 1

翻翻它看起來像任何你連接RSV的RSV代碼有其提交的反彈來驗證使用.RSV.validate（）

數據作爲在這裏看到：

$(this).bind('submit', {currForm: this, options: options}, $(this).RSV.validate); 
}); 

這意味着，如果你使用.submit（ ）你在打電話。 RSV.validate也。

因此，一旦您驗證信息嘗試綁定您提交到標準提交功能。

編輯：爲了幫助解釋

當您使用

$("#add_form").RSV({...}); 

JavaScript代碼結合.RSV.validate的RSV（）到您的add_form元素的submit事件。提交add_form表單時的含義。在提交之前調用RSV.validate（）。

嘗試與不.RSV運行下面的腳本代碼（）調用

這個腳本會記錄所有的處理程序add_form元素上的所有事件。您注意到調用$ element.RSV（{...}）將第二個事件處理程序附加到add_form元素的提交事件。我不確定最佳方式訪問此事件處理程序.unbind（）它。祝你好運:)

jQuery.each($('#add_form').data('events'), function(i, event){ 
    jQuery.each(event, function(i, handler){ 
     console.log(handler); 
    }); 
}); 

Answer 2

OK，我的理解現在你只需要驗證第一組數據，如果用來驗證正確的信任用戶，我得到這個工作的jsfiddle一個易於例如，我想你可以利用這一

http://jsfiddle.net/WqnYa/9/

基本上我做什麼是我趕上提交按鈕點擊，而不是形式提交功能，也許這是可以做到這樣了。我指定了一個類「needsvalidation」，當第一個驗證通過時，我只是刪除該類。如果該類不存在，驗證將不會被初始化由於$(this).hasClass('needval')

如果這不是你要找的是什麼，然後你的問題需要的方式更清晰:(希望這有助於雖然！