JavaScript实现注册时检查邮箱,名称,密码等是否符合规则

大概实现了,用户名是否存在,邮箱是否已注册,密码是否符合复杂度。

//对用户名校验是否存在
function checkname(){
	//alert("checkname");
	var f=false;
	//javascript所有的变量都是以var定义的
	//javascript的变量属于弱类型
	//获取用户输入的用户名
	var name = document.getElementById("usernameRe").value;
	//去除字符串两端空格
	name=name.trim();
	//判断是否为空
	
	if(name==""){
		document.getElementById("username_span").innerHTML="用户名不能为空";
	}else if(name.length<6||name.length>16){
		document.getElementById("username_span").innerHTML="用户名的长度为6-16位";
	}
	else{
		document.getElementById("username_span").innerHTML="";
		//校验用户名是否存在
		//使用ajax异步校验用户名
		$.ajax({
			url:"/oldbookweb_1/checkName",   
			type:"post",
			data:{"username":name},
			dataType:"json",
			async:false,
			success:function(data){
				if(data.msg=="false"){
					//alert("false");
					document.getElementById("username_span").innerHTML="用户名已存在";
				}else{
					
					document.getElementById("username_span").innerHTML="用户名可用";
					f=true;
				}
			}
		});	
		
	}
	return f;
}
function checkPassword(){
	var password=document.getElementById("passwordReg").value;
	var reg=/^[a-zA-Z]\w{5,15}$/;
	var f = reg.test(password);
	if(f==false){
		document.getElementById("password_span").innerHTML="密码格式错误";
		return false;
	}else{
		document.getElementById("password_span").innerHTML="";
		return true;
	}
}
function checkRepassword(){
	var password=document.getElementById("passwordRe").value;
	var repassword=document.getElementById("repassword").value;
	if(password==repassword){
		document.getElementById("repassword_span").innerHTML="";
		return true;
	}else{
		document.getElementById("repassword_span").innerHTML="两次输入密码不一致";
		return false;
	}
}


//验证邮箱
function checkEmail(){
	var email=document.getElementById("emailRe").value;
	//两种引用正则表达式方式
	//var reg = new RegExp("^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$");
	var reg=/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
	var f = reg.test(email);
	if(f==false || email==""){
		document.getElementById("email_span").innerHTML="邮箱格式错误";
		return false;
	}
	else{
		document.getElementById("email_span").innerHTML="";
		//校验邮箱是否注册
		//使用ajax异步校检邮箱
		$.ajax({
			url:"/oldbookweb_1/checkEmail",
			type:"post",
			data:{"email":email},
			dataType:"json",
			async:false,
			success:function(data){
				if(data.msg=="false"){
					//alert("false");
					document.getElementById("email_span").innerHTML="邮箱已注册";
				}else{
					
					document.getElementById("email_span").innerHTML="邮箱可用";
					f=true;
				}
			}
		});	
		
	}
	return f;
}
function check(){
	var name = checkname();
	var password = checkPassword();
	var repassword = checkRepassword();
	var nickname = checkNickname();
	var email=  checkEmail();
	if(name&&password&&repassword&&nickname&&email)
		return true;
	else
		return false;
}	

这是controller的checkName和checkEmail方法

 /**
 * 检查邮箱是否已注册
 * @param email
 * @return
 */
@RequestMapping("checkEmail")
@ResponseBody
public String checkEmail(String email) {
	System.out.println("checkEmail");
	System.out.println("email=="+email);
	// 根据用户名查询是否存在该用户名
	User user = userService.findUserByEmail(email);
	// 当对象不为空,说明用户名存在
	if (user != null) {
		return "{\"msg\":\"false\"}";
	}
	return "{\"msg\":\"true\"}";
}
/**
 * 检查账号名是否已存在
 * @param username
 * @return
 */
@RequestMapping("checkName")
@ResponseBody
public String checkName(String username) {
	System.out.println("checkName");
	System.out.println(username);
	User user = userService.findUserByName(username);

	if (user != null) {
		return "{\"msg\":\"false\"}";
	}
	return "{\"msg\":\"true\"}";
}

 

你可能感兴趣的:(JavaScript)