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 = "“;这句是将那行红字清除掉,让其不再显示。