这段代码提供了使用JavaScript对HTML网页中的用户注册表单进行客户端验证的功能,确保输入数据的有效性和完整性。
HTML网页用户注册表单验证校验JavaScript源码代码已经打包完毕,仅供学习参考。
```javascript
function checkuser() {
// 检查用户名的方法
var usernameNode = document.getElementById(username); // 通过id得到input标签节点
var str = usernameNode.value; // 获取到input标签框里面输入的值,是一个字符串
var regExp = new RegExp(^\\w*$, gm); // 正则表达式,匹配由数字、字母和下划线组成的字符串
var ismatch = regExp.test(str); // 获得的字符串跟正则表达式做比较
if (str.length !== 0) { // 字符串的长度不等于0时进行判断
if (ismatch) {
document.getElementById(username1).innerHTML=√; // 正确时候输出“√”
document.getElementById(username1).setAttribute(class,duitishi); // 设置div标签的class属性为对提示,让它正确的时候显示绿色
} else {
document.getElementById(username1).innerHTML = × 只能包含数字、字母和下划线;
document.getElementById(username1).setAttribute(class, cuotishi); // 错误时设置错误信息并改变样式
}
} else {
document.getElementById(username1).innerHTML=请输入用户名;
document.getElementById(username1).setAttribute(class,cuotishi);
}
}
```