Jquery验证错误消息的放置位置

时间:2010-07-21 06:53:04

标签: javascript jquery

我正在尝试在我的5个问题测验表单中使用jquery validate插件。但是我对如何显示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'以便我的验证错误消息显示在 我的形式?

谢谢。

1 个答案:

答案 0 :(得分:3)

<强>更新

这是我更新的解决方案:

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

原始帖子

你试过吗?

error.insertAfter(element);