如何通过类名删除错误

时间:2014-06-28 11:52:33

标签: javascript jquery

<form action="line_check.php" name="reg" method="POST" >
        <table border="0" align="center" width="" style="">
            <tr>
                <td align="" width="78">Name</td>
                <td>
                    <input type="text" id="name" name="name" value="" onfocus="document.getElementsByClassName('err1').innerHTML=''" class="inputstyle h" />
                </td>
                <td align="center">Gender</td>
                <td>
                    <div class="gender">
                        <div class="umale">
                            <input type="radio" name="gender" checked value="Male">
                            <label>Male</label>
                        </div>
                        <div class="ufemale">
                            <input type="radio" name="gender" value="Female">
                            <label>Female</label>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td align="" width="78"></td>
                <td height="10">
                    <div class="err err1"></div>
                </td>
                <td align="center"></td>
                <td>
                    <div></div>
                </td>
            </tr>
            <tr>
                <td align="" width="78"></td>
                <td colspan="3">
           <input type="button" name="sub" class="submit" value="" onclick="chk();"/>
                </td>
            </tr>
        </table>
    </form>

这是我的表单,如果用户点击提交按钮并且名称字段为空,那么它将在类名err1 中显示错误,但如果用户点击名称字段,我有使用 onfocus =“document.getElementsByClassName('err1')。innerHTML =''”,它将消失错误信息,但它的工作用于id但是当我使用类名时,它现在正在工作 任何人都可以告诉我我做错了什么

1 个答案:

答案 0 :(得分:0)

试试这个

onfocus="document.getElementsByClassName('err1')[0].innerHTML=''"