JavaScript表单验证-不弹出窗口直接提示错误信息

来源：互联网发布：淘宝女装宣传语编辑：程序博客网时间：2024/05/16 16:07

转自：http://blog.sina.com.cn/s/blog_6307d85b0100gngg.html

JavaScript表单验证-不弹出窗口直接提示错误信息

例如“用户名”一栏：在Registration.html中
<script type="text/javascript" src="regcheckdata.js"></script>
<td>用户名：</td>
<td><input type="text" name="usr" size="30" onblur="checkUsr(this.value.toLowerCase())"><span id="usrErr"></span></td>
在regcheckdata.js中
function checkUsr(ssn) {
    if(ssn.length<3 || ssn.length>16) {
        document.getElementByIdx("usrErr").innerHTML="<font color='red'>请输入3-16位的用户名！</font>"
        myform.usr.focus();
        return false;
    }
    document.getElementByIdx("usrErr").innerHTML="";
    return true;
}

1.document.getElementByIdx("usrErr")
2.innerHTML
3.div将文档分块，换行是其固有的唯一的格式标识，可以通过id和class应用额外的样式，有点类似于p；
   span是层内块，是不会换行的，在同一行。
   这里应用<span id="usrErr"></span>或者<div id="usrErr"></div>(不推荐)就可以在js中使用document.getElementByIdx("usrErr").innerHTML="…"为其动态指定页面内容
4.onblur与onFocus对应，是失去焦点

0 0