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

时间:2017-01-10 11:01:56

标签: javascript php jquery validation

这是我的代码。当我对性别和爱好进行验证时,会在第一个无线电输入之后而不是在结尾处显示一条消息, 我尝试过错误放置但机器人工作了吗?

<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>

2 个答案:

答案 0 :(得分:0)

请使用InnerHTML更新信息。

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

答案 1 :(得分:0)

你想在<td class="err">之后插入元素,所以这不是个好主意。更好的方法可能是将元素放在标记<td>的末尾。例如:$('.err').append('Error message');

爱好输入名称应为&#34;爱好[]&#34;