jQuery 验证 : Not default value

Question

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

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

加载页面时，category的默认值为:'---'(不带引号)。当我提交表单时，验证表明一切正常，因为“---”并不是什么都没有。当“---”用作类别时，如何让它停止提交？其他类别类似于:Category1。必须选择其中一种可能性，我无法更改下拉选择。

谢谢!!

Answer 1

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

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

然后在您的规则中使用该规则，如下所示:

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

You can test it out here .