javascript表单验证

document.getElementById("usernameErr").innerHTML = "<font color='red'>请输入正确的用户名,用户名长度为3-18位！</font>";

在提交表单信息时，比如注册某个网站的账号，如果没有按照要求来输入，他会alert出对话框说某个地方有误，然后你就必须点击鼠标确定才能继续下去。如果说会弹出很多对话框，你 又必须挨个点击才能继续，就会觉得很烦，手一直在键盘和鼠标之间来回换。。。

新的表单验证是不用alert方法。而是用一行红色的字来提示你输入不正确。

<tr>
     <td>用户名：</td>
     <td>
      <input type=text name="username" size="30" maxlength="10">
     </td>
</tr>

只增加了两句

<tr>
    <td>用户名：</td>
    <td>
    <input type=text name="username" size="30" maxlength="10" onBlur="checkUserName(this.value.toLowerCase())">
    <div id="usernameErr"></div>
    <!--<span id="usernameErr"></span>--> </td>
</tr>
（添加div和span是差不多的）

 

然后写一个checkUserName函数，相当于将里面的Alert函数换成

document.getElementById("usernameErr").innerHTML = "<font color='red'>请输入正确的用户名,用户名长度为3-18位！</font>";

最后加一句

document.getElementById("usernameErr").innerHTML = "“;这句是将那行红字清除掉，让其不再显示。