java - 自定义错误放置在 Jqueryvalidation 插件中不起作用

Question

我正在使用jquery验证插件来验证我的表单数据，我有一个fileupload元素，然后有一个按钮，它打开浏览窗口来选择文件，因为默认错误消息显示在fileuplad元素和按钮之间，我想显示这个按钮后的错误消息。我已经尝试了许多语法，就像 StackOverflow 上提供的其他类似问题一样，但没有一个对我有用。

我的jsp代码是:

<tr>
     <td>Browse Query File:</td>                    
     <td>
          <span id="input_span" style="background-color: red">  
            <INPUT type="text" id="inputfilepath" name="inputfilepath" placeholder="Query File" autocomplete='off' class="text" readonly="true" onclick="hidehint();" style="margin-left: 10%">

            <input type="file" name="upFile" id="upFile"  class="file" onchange="return do_upload(this.value);"/>
            <input type="button" value="Browse" class="content_button2" onclick="do_click();"/> 
         </span>
         <span id="error_span">  </span>

       </td>
     </tr> 

我希望我的错误消息显示在其后带有 id-“error_span”的 span 中。

我已尝试建议的代码为:

 errorPlacement: function(label, element)
              {

                  if(element.attr("name") === "inputfilepath") 
                  { 
                      alert("call");
                      error.appendTo($('#error_span'));
                  }

                  else
                  {       
                       error.insertAfter(element);
                  }
              },

我也尝试过:

                    error.appendTo(element.parent("span").next("span"));

但它对我不起作用。

Answer 1

rules: {
//rule stuff
}
groups: {
    fileUpload: "upFile upButton"
},
errorPlacement: {
    function(error, element) {
        if(element.attr("name") == "upFile") {
                error.insertAfter("#upButton");
            } else {
                error.insertAfter(element);
            }
}

请务必将您的按钮命名为“upButton”，这样才能正常工作。

您基本上是说您想要对这些元素进行分组，并且错误位置表示，如果 upFile 上存在验证错误，您希望该错误消息显示在 upButton 元素之后。