1

我的表格是一个表格，输入字段在行和几列中。我正在尝试使用 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()));
     }
  });
});

首先十分感谢

4

1 回答 1

2

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

$('#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

于 2011-05-10T09:54:43.940 回答