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

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

JavaScript表单验证-不弹出窗口直接提示错误信息_第1张图片

例如“用户名”一栏:在Registration.html中

用户名:
οnblur="checkUsr(this.value.toLowerCase())">
在regcheckdata.js中
function checkUsr(ssn) {
    if(ssn.length<3 || ssn.length>16) {
        document.getElementByIdx("usrErr").innerHTML="请输入3-16位的用户名!"
        myform.usr.focus();
        return false;
    }
    document.getElementByIdx("usrErr").innerHTML="";
    return true;
}

1.document.getElementByIdx("usrErr")
2.innerHTML
3.div将文档分块,换行是其固有的唯一的格式标识,可以通过id和class应用额外的样式,有点类似于p;
   span是层内块,是不会换行的,在同一行。
   这里应用或者

(不推荐)就可以在js中使用document.getElementByIdx("usrErr").innerHTML="…"为其动态指定页面内容
4.onblur与onFocus对应,是失去焦点

你可能感兴趣的:(JavaScript表单验证-不弹出窗口直接提示错误信息)