html网页用户注册表单验证校验JavaScript源码代码,完整代码已经打包,还迎下载,代码仅供学习参考。
function checkuser(){//检查用户名的方法
var usernameNode=document.getElementById("username");//通过id得到input标签节点
var str=usernameNode.value;//获取到input标签框框里面输入的值,是一个字符串
var regExp = new RegExp("^\\w*$","gm");//一定要写上开头^和结尾$不然匹配上后,没办法排除别的,要打上*号,表示可以0个以上匹配的字符
var ismacth=regExp.test(str);//获得的字符串跟正则表达式做比较
if(str.length !==0){//字符串的长度不等于0则判断字符串是否匹配正则表达式
if(ismacth){//输入的用户名不为空时
document.getElementById("username1").innerHTML="√";//正确时候输出√
document.getElementById("username1").setAttribute("class","duitishi");//设置div标签的class属性为对提示,让它正确的时候显示绿色
}else{//输入的用户名不为空但是有不合法字符时
document.getElementById("username1").innerHTML="× 只能包含数字,字母,下划线";
document.getElementById("username1").setAttribute("class","cuotishi");//设置div标签的class属性为错提示,让它错误的时候显示红色
}
}else{//输入的用户名为空时
document.getElementById("username1").innerHTML="请输入用户名";
document.getElementById("username1").setAttribute("class","cuotishi");
}
}
1