jQuery驗證器自定義方法：如何在同一頁面上使用多個表單？

Question

我請求開始和結束長度用戶輸入的形式，它可以根據用戶的多少部分要投入。我想加入一些驗證重複頁面上的一個變量的次數。我在函數內部添加了一個自定義驗證器方法，我調用onChange字段來檢查結束長度是否大於開始並且正在工作。

當用戶調用的頁面，所述方法分解的第二形式，並停止工作;它似乎持有當時所具有的任何錯誤消息，而且無論我如何更改，它都會持續存在，除非我超出了仍然正確驗證的範圍邊界。

輸入標籤有這兩個字段：onchange="validateTheForm(this.form);"

這裏是我的.js文件中的代碼，我把這個表格上每一次無論是輸入的變化：

var validateTheForm = function(theForm) { 
    $.validator.addMethod("endGreaterThanBegin", function(value, element) { 
     return parseInt($('#endPoint').val(), 10) > parseInt($('#startPoint').val(), 10); 
    }, "End Point Should be Greater than Start"); 

    $(theForm).validate({ 
     rules: { 
      startPoint: { 
       required: true, 
       range: [0, 100] 
      }, 
      endPoint: { 
       required: true, 
       range: [1, 100], 
       endGreaterThanBegin: true 
      } 
     } 
    }); 
    return true; 
} 

我認爲這可能是試圖反覆添加方法的問題，但是每當我更改第一個表單上的任何一個字段並且永不中斷時，就會發生這種情況。我想知道是否在創建方法時將變量綁定到第一個窗體上，而不是將它們更新爲新窗體。

Answer 1

定義的規則和應用一次驗證，並使用valid方法來驗證的形式。

演示 - http://jsfiddle.net/2hA8M/17/

function validateTheForm(){ 
    $('#signupform').valid(); 
}