jQuery Validation Plugin:如何验证空字段?

时间:2010-12-20 20:20:06

标签: jquery validation

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"
        }
    }
})

2 个答案:

答案 0 :(得分:0)

这是一种意味着行为。它的目的是尽可能少地惹恼用户。

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

“在字段被标记为无效之前,验证是懒惰的:在第一次提交表单之前,用户可以通过字段标记而不会收到烦人的消息 - 在他有机会实际出现之前,他不会被窃听输入正确的值“

答案 1 :(得分:0)

如果你想做同样的事情我是: Validate prefilled jQuery form (invalidate on first field clear, ASP.NET and unobtrustive)

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

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