jQuery表单验证插件。仅为空场制作背景颜色

Question

我使用jQuery表单验证plugin来验证某些表单字段。至于现在我在这里做了css：

input.error, select.error {
  border: 2px solid red !important;
  }

我有一些必需的字段，因此添加了一些额外的验证。 我想知道，是否可以为空（“必需”）输入设置背景颜色为红色，但不是在它们不为空但无效时。

Answer 1

您可以创建自定义验证方法并定义所需的方法：

    $.validator.addMethod("custom_required", function(value, element) {
        if ($.trim(value) == "") {
           $(element).addClass('redBg');
           return false;
        } else {
            $(element).removeClass('redBg');
            return true;
        }
    }, "This field cannot be empty");