jQuery验证错误放置(.rules(“add”))

时间:2010-12-09 15:56:15

标签: jquery-validate

我有一个jquery弹出窗口,其中有一个用于插入电话号码的文本框列表。用户可以根据需要选择添加更多文本框。每次添加文本框时,我都会添加一个jquery必需的验证器,如下所示:

$("#phoneNumberTxt" + i).rules("add", {
        required: true,
        messages: {
          required: "Phone number is required."
        }
      });

在包含文本框的行上,有多个文本框。我试图将所有错误传递给所有文本框左侧的div(每行1个div)。有没有办法告诉上面的验证器在哪里显示错误消息?

1 个答案:

答案 0 :(得分:3)

我希望你已经得到了这个&的解决方案。我来不及回答,但仍然是为了分享知识。

这是解决方案:

我们不能在(.rules(“add”))方法中放置errorPlacement。

$("#formId").validate({
    errorPlacement: function (error, element) {

            $("input[id^=elementId]").each(function(i) {
                if(element.attr('id') == 'elementId'+i) {
                    error.appendTo($("#errElement"+i));
                }
            });
        }
 });

我希望这会对其他人有所帮助。