Js实现客户端表单的验证
主要涉及的知识点:正则表达式。
js的核心代码
//验证用户名(为8`16个字符,且不能包含”@”和”#”字符)
function checkUserName(){
var name=document.getElementById("user-name").value.trim();
//正则表达式
var nameRegex=/^[^@#]{8,16}$/;
if(!nameRegex.test(name)){
document.getElementById("nameInfo").innerHTML="用户名为8~16个字符,且不能包含”@”和”#”字符";
}else{
document.getElementById("nameInfo").innerHTML="";
return true;
}
}
//验证密码(长度在8个字符到16个字符)
function checkPassword(){
var password=document.getElementById("password").value.trim();
//正则表达式
var passwordRegex=/^[0-9A-Za-z_]\w{7,15}$/;
if(!passwordRegex.test(password)){
document.getElementById("passwordInfo").innerHTML="密码长度必须在8个字符到16个字符之间";
}else{
document.getElementById("passwordInfo").innerHTML="";
}
}
//验证校验密码(和上面密码必须一致)
function checkRepassword(){
var repassword=document.getElementById("repassword").value.trim();
//校验密码和上面密码必须一致
if(repassword!==password){
document.getElementById("repasswordInfo").innerHTML="两次输入的密码不一致";
}else if(repassword==password){
document.getElementById("repasswordInfo").innerHTML="";
}
}
其中:trim()方法去除了字符串最左边,最右边的空格~
Time waits for no one.