Javascript 如何在循环的某个块之后插入错误消息?

Javascript 如何在循环的某个块之后插入错误消息?,javascript,jquery,Javascript,Jquery,我正在写一本电子书。我使用一个循环来输出电话号码。我使用jQuery插件Maks和验证器。但是错误文本在每个div块之后输出。如何使其仅在出现错误的块后输出?如有任何帮助,将不胜感激 我的HTML代码: <form action="${pageContext.request.contextPath}/editDone" id="updateForm" class="form-horizontal form-back" method="post" enctype="multipart/f

我正在写一本电子书。我使用一个循环来输出电话号码。我使用jQuery插件Maks和验证器。但是错误文本在每个div块之后输出。如何使其仅在出现错误的块后输出?如有任何帮助,将不胜感激

我的HTML代码:

<form action="${pageContext.request.contextPath}/editDone" id="updateForm" class="form-horizontal form-back" method="post" enctype="multipart/form-data">
//code blocks
    <div class="form-group">
         <label class="col-sm-2 control-label">Телефоны</label>
             <div class="col-sm-10">
                <div class="phones">
                   <div class="input-group phone-input">
                      <div class="input-group-btn">
                         <select class="btn btn-default dropdown-toggle" name="phones[1].phoneType" aria-expanded="false">
                           <option value="HOME" selected>Домашний</option>
                           <option value="WORK">Рабочий</option>
                         </select>
                      </div>
                      <input type="text" name="phones[1].number" class="mask-phone form-control"
                                       value="${phone.number}"/><br>
                         <span class="input-group-btn">
                           <button class="btn btn-danger btn-remove-phone m8" type="button">
                            <span class="glyphicon glyphicon-minus"></span></button>
                         </span>                              
                   </div>
-----------------------------------------------------
                   <div class="input-group phone-input">
                      <div class="input-group-btn">
                         <select class="btn btn-default dropdown-toggle" name="phones[20].phoneType" 
                             aria-expanded="false">
                           <option value="HOME" selected>Домашний</option>
                           <option value="WORK">Рабочий</option>
                         </select>
                      </div>
                      <input type="text" name="phones[20].number" class="mask-phone form-control"
                                       value="${phone.number}"/><br>
                         <span class="input-group-btn">
                           <button class="btn btn-danger btn-remove-phone m8" type="button">
                            <span class="glyphicon glyphicon-minus"></span></button>
                         </span>                              
                   </div>


通过添加字符串“p”解决了此问题

$('#updateForm').validate({
        errorElement: "p",
        errorPlacement: function (error, element) {
            error.insertAfter(element.parent("div"));
        },
        success: function(error) {
            error.remove();
        }
});

通过添加字符串“p”解决了此问题

$('#updateForm').validate({
        errorElement: "p",
        errorPlacement: function (error, element) {
            error.insertAfter(element.parent("div"));
        },
        success: function(error) {
            error.remove();
        }
});