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 在添加规则时不会检查它，并且在所描述的行，只是因为该元素未定义。