jQuery插件，用於內聯表單驗證

Question

我正在使用jQuery插件在.NET Web應用程序中進行內聯表單驗證。
具有以下內容：

1. jquery.validationEngine.js
2. jquery.validationEngine-zh.js

3. jquery-1.6.min.js

4. validationEngine.jquery.css

5. template.css

現在我有兩個html <select> ，一個是最小值，第二個是最大值。 值應檢查onchange。

如何使用自定義函數來驗證最小值和最大值。

Answer 1

未經測試，但根據jQuery插件的參考 ，您可以使用自定義函數來驗證字段值：

HTML：

<input class="validate[required,funcCall[checkMinMax]]" type="text" ...

JavaScript：

function checkMinMax(field, rules, i, options) {
    var minVal = parseInt($("#sel_min").val(), 10),
        maxVal = parseInt($("#sel_max").val(), 10);
    if(!isNaN(minVal) && !isNaN(maxVal)) {
         if (minVal > maxVal) {
            return 'YOUR MESSAGE TEXT HERE';
         } else if (maxVal < minVal) {
            /* OR use the options with */
            return options.allrules.validate2fields.alertText;
         }
    }
}

自從我看到使用另一個jQuery驗證插件而不是jQuery validate以來已有很長時間了，將兩者進行比較，我建議您應該對此進行研究，因為它已成為使用jQuery處理表單驗證的一種“標准”方式，它已被廣泛記錄，並且您會發現大多數已解決的問題。

Answer 2

<select id="sel_max" name="sel_max" style="width:83px" class="validate[required,funcCall[checkMinMax]]" > 

jquery.validationEngine.js：

 window.checkMinMax = function(field, rules, i, options) {              
        var minVal = parseInt($("#sel_min").val(), 10);
        var maxVal = parseInt($("#sel_max").val(), 10);
        var bothHaveValues = !isNaN(minVal) && !isNaN(maxVal);
        if (bothHaveValues) {
            if (minVal > maxVal) {
                return options.allrules.cmm.alertText2;
            }
            else if (maxVal < minVal) {
                return options.allrules.cmm.alertText;
            }
        }       
};

jquery.validationEngine-en.js：

"cmm": {
 "alertText": "* Max value < Min value!",
 "alertText2": "* Min value > Max value!"
  },