$.validator.addMethod()

Question

我有一个下拉列表

$.validator.addMethod("ddlNames", function (value) {
        if ($("#NameList.val()=="-1") 
        {
            return false;
        }
        else 
        {
            return true;
                }        

    }, "Please select a valid Name");

验证进行得很顺利。但是当我改变下拉菜单的值(有效选择)时，错误信息在显示之前就出现了。有谁能帮帮我吗？

谢谢

Answer 1

在更改下拉列表时，您需要以编程方式调用验证。例如：如果你有: YOUR_FORM验证。为validate方法分配一个变量。然后在dropdown的change事件上使用.form()调用它。

文档：http://jqueryvalidation.org/Validator.form/

示例代码：

$('#ddlNames').change(function() {
    form_validator.form();
});

var form_validator = $("#YOUR_FORM").validate({
   ignore: "",
    rules: {
        firstname: {
            required: true,
            minlength: 2
        },
        ...

Answer 2

在document.ready中，您需要添加另一行代码(将：#< targetform>替换为您的表单)：

$('#<targetform>').validate({
    rules : {
        names : { ddlNames: true }
}
});

确保你的<select>上有一个class="required"

您不需要自己清除它们，但有一些方法...：

$("#NameList").removeClass("error").addClass("valid");

或

$.validator.resetForm();

这将确保你每次开始都是有效的。