jQuery Validate:不是默认值

Question

我的表单中有一个类别下拉选择元素.该表单使用jQuery进行验证,如下所示:

    $('#myForm').validate({
    rules: {
        text: {
              required: true
        },
        category: {
            required: true
        }
    },
    messages: {
        text: {
            required: "Text required"
        },
        category: {
            required: "Category required"
        }
    }

加载页面时,类别的默认值为:'---'(不带引号).当我提交表格时,验证说eveything是可以的,因为'---'并非一无是处.当'---'用作类别时,如何让它停止提交？其他类别是这样的:Category1.必须选择其中一种可能性,我不能改变下拉选择的东西.

谢谢!!

Answer 1

您可以添加自定义规则,如下所示:

jQuery.validator.addMethod("notEqual", function(value, element, param) {
  return this.optional(element) || value !== param;
}, "Please choose a value!");

然后在你的使用中使用该规则rules,如下所示:

    category: {
        required: true,
        notEqual: "---"
    }

你可以在这里测试一下.