jQuery验证中的errorPlacement无法正常工作

Question

这是我的代码。 当我对性别和爱好进行验证时，会在第一个单选输入之后而不是最后出现一条消息，我已经尝试过错误放置，但机器人仍在工作吗？

<tr>
    <td>Gender:</td>
    <td>
        <input type="radio" name="gender"  value="male" <?php if($a['gender']=='male'){ ?> checked <?php } ?> >Male
        <input type="radio" name="gender"  value="female" <?php if($a['gender']=='female'){ ?> checked <?php } ?> >Female
    </td>
    <td class="err"></td>
</tr>

<tr>
    <td>Hobbies:</td>
    <td>
        <input type="checkbox" name="hobbies[]"  value="cricket" <?php if(in_array(cricket,$a['hobbies'])){ ?> checked <?php } ?> >Cricket 
        <input type="checkbox" name="hobbies[]" value="chess"  <?php if(in_array(chess,$a['hobbies'])){ ?> checked <?php } ?>>chess 
        <input type="checkbox" name="hobbies[]"  value="wally"  <?php if(in_array(wally,$a['hobbies'])){ ?> checked <?php } ?>>Wally 
        <input type="checkbox" name="hobbies[]"  value="football"  <?php if(in_array(football,$a['hobbies'])){ ?> checked <?php } ?>>football
    </td>
    <td class="err"></td>
</tr>

jQuery的

<script>
errorPlacement: function(error, element) {
        if (element.attr("name") == "gender" )
            error.insertAfter(".err");
        else if  (element.attr("name") == "hobbies" )
            error.insertAfter(".err");
        else
            error.insertAfter(element);
    }
</script>

Answer 1

请使用InnerHTML来更新信息。

$( ".err" ).html('your error output');

Answer 2

您想在<td class="err">之后插入元素，所以这不是一个好主意。 更好的方法可能是将元素放在标签<td>的最后。 例如： $('.err').append('Error message');

兴趣爱好输入名称应为“ hobbyies []”