javascript - Jquery验证错误消息放置位置

Question

我正在尝试在我的 5 个问题测验表单中使用 jquery 验证插件。但我对如何显示 require 字段的经过验证的错误消息有疑问。

我的表单是这样的:

<form id="quiz">
<table width="100%">
<tbody>
<tr id="qntr">
    <td id="qntd">My question 1</td>
    <!-- if field is empty, validate error message to appear over here -->
</tr>
<tr id="anstr">
    <td id="anstd">
    <table><tr>
        <td>Choice 1</td>
        <td>Choice 2</td>
        <td>Choice 3</td>
    </tr></table>
    </td>
</tr>
<tr id="qntr">
    <td id="qntd">My question 2</td>
    <!-- if field is empty, validate error message to appear over here -->
</tr>
<tr id="anstr">
    <td id="anstd">
    <table><tr>
        <td>Choice 1</td>
        <td>Choice 2</td>
        <td>Choice 3</td>
    </tr></table>
    </td>
</tr>
...
</tbody>
</table>
</form>

我的validate.js:

$(document).ready(function() {
        var form = $("#quiz");
        form.validate({

            errorPlacement: function(error, element) {
                 error.insertAfter(x);  // what should x be?
            }

        });

});

我想用什么来替换 errorPlacement 中的“x”，以便我的验证错误消息显示在 我的形式？

谢谢。

Answer 1

更新

这是我更新的解决方案:

error.appendTo(element.parents('#anstr').prev('tr'));

原始帖子

你尝试过吗？

error.insertAfter(element);