jQuery 验证插件：如何验证空字段？答案

【问题标题】：jQuery Validation Plugin: How to validate empty fields?jQuery 验证插件：如何验证空字段？
【发布时间】：2010-12-20 20:20:05
【问题描述】：

在单击提交之前，jQuery 验证插件不会验证所需的空字段。有没有办法验证内联？

我需要这些字段来验证是否留空作为用户选项卡通过它们。因此，内联消息应在跳出必填字段 (onBlur) 后立即显示。

$("form#CheckOut").validate({
    rules: {
        NameOnCard: { required: true, minlength: 2},
        CreditCardType: {required: true},
        CardNumber: {required: true, creditcard: true},
        ConfEmail: {equalTo: "#EMail" },
        FirstName: {required:true}
    },
    messages: {
        NameOnCard: "Enter the name on your card",
        CreditCardType: "Select a credit card type",
        CardNumber: {
            required: "Please enter credit card number",
            creditcard: "Not a valid credit card number"
        }
    }
})

【问题讨论】：

不调整验证插件是不可能的。
您找到解决方案了吗？我需要相同的功能，但似乎无论如何都找不到。
对不起，我从来没有这样做过。非 jQuery 解决方案是 validatious.org。它具有内联验证，但该项目没有看到太多更新，我希望为我正在构建的站点提供一个全 JQuery 解决方案。

标签： jquery validation

【解决方案1】：

这是一种刻意的行为。其目的是尽可能少地惹恼用户。

来源：http://docs.jquery.com/Plugins/validation#A_few_things_to_look_for_when_playing_around_with_the_demo

“在一个字段被标记为无效之前，验证是懒惰的：在第一次提交表单之前，用户可以在字段之间切换而不会收到烦人的消息——在他有机会实际操作之前，他不会被窃听请输入正确的值”

【讨论】：

有道理......显然我应该更仔细地阅读文档

【解决方案2】：

如果您尝试做与我相同的事情： Validate prefilled jQuery form (invalidate on first field clear, ASP.NET and unobtrustive)

，我认为是插件的缺陷： https://github.com/jzaefferer/jquery-validation/issues/146

我编辑了插件，直到收到回复。您还可以强制验证单个元素以绕过空字段检查。

【讨论】：

我还将为解决我的问题所做的代码更改发布到缺陷票中。