Question

我在我的.NET Web应用程序中使用jQuery插件进行内联表单验证以下是：

jquery.validationEngine.js
jquery.validationEngine-en.js
的jquery-1.6.min.js
validationEngine.jquery.css
template.css

现在我有两个html <select>，一个是最小值，第二个是最大值。值应检查更改。

如何使用自定义函数验证最小值和最大值。

Answer 1

未经测试，但根据jQuery插件的reference，您可以使用自定义函数来验证字段值：

<强> 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以来已经很长时间了，比较两者我建议你应该研究一下，因为它变得不那么重要＆＃39;标准＆＃ 39;使用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!"
  },

用于内联表单验证的jQuery插件

2 个答案: