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(http://www.my516.com);
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\"}";
}
 
---------------------

posted on 2019-07-16 06:02  激流勇进1  阅读(817)  评论(0编辑  收藏  举报