Question

我的表单是一个表，输入字段是行和几列。我正在尝试使用jquery validate插件在单元格（同一列，下一行）中放置错误消息，该插件位于产生错误的字段的正下方。

HTML会是这样的：

<form id="add_this">
<table>
<tr>
  <td><input id="one">bla</input></td>
  <td><input id="two">bla</input></td>
  <td><input id="three">bla</input></td>
</tr>
<tr>
  <td id="err_one"></td>
  <td id="err_two"></td>
  <td id="err_three"></td>
</tr>
<tr>
  <td><button id="frm_submit">Go</button></td>
</table>
</form>

因此，例如，如果错误是在id为'one'的输入上，则相应的错误消息应出现在id为'err_one'的单元格中。我的验证代码不起作用，如下所示：

$('#frm_submit').click(function(){
  $('#add_this').validate({
    errorPlacement: function(error, element){
    error.appendTo(element.closest('tr').next('tr').children('td').eq(element.index()));
     }
  });
});

非常感谢

Answer 1

我会做的事情（那只是伪代码，我现在无法测试）：

$('#frm_submit').click(function(){
    $('#add_this').validate({
        errorPlacement: function(error, element){
            var elId = $(element).attr('id'); //should return one
            var err = $("#err_" + elId); //strings should concatenate to err_one
            error.appendTo(err)
        }
    });
})

干杯

Grooveek

使用jquery validate插件进行错误放置

1 个答案: