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>'} });
});

});

但是我收到以下错误：

元素未定义

以下行中的

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

Answer 2

如果您使用 $，请勿使用 jQuery。试试这个：

$(document).ready(function () {
  $('#reservationForm:visible').validate();

  $("#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>'} });

  $('a:not(#regionDetails)').click(function() {
    $('div:not(#regionDetailsArea)').hide();
    $($(this).attr("id").replace("regionDetails", "#regionDetailsArea")).show();

    return false;
  });
});

Answer 3

我注意到，当我出现此错误时，我在表单中未定义的规则中调用了一个输入。或者，反之亦然。