javascript - jQuery 验证 - 元素未定义

Question

我正在使用 jquery.validation 插件来验证我在表单上的输入

我是这样使用的:

$(document).ready(function () {
jQuery(function () {
    // You can specify some validation options here but not rules and messages

    jQuery('form[id="reservationForm"]').validate({ ignore: ":not(:visible)" });

    $("#adult1Birthdate").mask("9999-99-99");
    $("#reservationPersonBirthdate").mask("9999-99-99");

    $("#adult1Firstname").rules("add", { required: true, minlength: 2, messages: { required: '<span style="color:Red">Pole wymagane</span>'} });
});

});

但是我收到以下错误:

element is undefined

在下面一行中:

var settings = $.data(element.form, 'validator').settings;

我做错了什么？

**EDIT**

当我使用 jquery.validation 时，下面的代码也不起作用

    $(document).ready(function () {
$(function () {

                $('a[id^="regionDetails"]').click(function () {
                    var vid_id = $(this).attr("id").replace("regionDetails", "#regionDetailsArea");
                    $('div[id^="regionDetailsArea"]').hide();
                    $(vid_id).show();
                    return false;
                });
            });
});

Answer 1

确保您调用 .rules() 的元素确实存在，jquery.validate 在添加规则时不检查它并且在描述行，仅仅是因为元素未定义。