JQuery+ajax+mock.js模拟注册

$(function(){
		var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/; //正则表达式判断是否为邮箱
		//光标离开输入框判断是否符合
		$("#user_name").blur(function(){	
			if(this.value.length<5||this.value.length>20){
				$(".error_in")[0].style.display ="block";
				
			}else{
				$(".error_in")[0].style.display ="none";
			}
		});
		$("#pwd").blur(function(){
			if(this.value.length<5||this.value.length>20){
				$(".error_in")[1].style.display ="block";
			}else{
				$(".error_in")[1].style.display ="none";
			}
		});
		$("#cpwd").blur(function(){
			 if(this.value != $("#pwd")[0].value){
				$(".error_in")[2].style.display ="block";
			 }
			 else{
			 	$(".error_in")[2].style.display ="none";
			 }
		});
		$("#email").blur(function(){
			if(!emailReg.test(this.value)){
				$(".error_in")[3].style.display ="block";
			}else{
				$(".error_in")[3].style.display ="none";
			}
		});		
		$("#submi").click(function(){
			var username = $("#user_name")[0].value;
			var pwd = $("#pwd")[0].value;
			var cpwd = $("#cpwd")[0].value;
			var email = $("#email")[0].value;
			//点击注册按钮后判断每个输入框是否正确
			if(username.length<5 || username.length>20){
				$(".error_in")[0].style.display ="block";
				
			}else if(pwd.length<5||pwd.length>20){
				$(".error_in")[1].style.display ="block";
								
			}else if(cpwd != pwd){
				$(".error_in")[2].style.display ="block";
				
			 }else if(!emailReg.test(email)){
				$(".error_in")[3].style.display ="block";
			}else{
				$.ajax({
					url:'/user/user',//请求地址
					 data:{username,cpwd,email},//请求参数
					dataType:'JSON',
					type:'post',
					success:function(data){
						if(data==1){
							alert("注册成功");
							$(location).attr("href","login.html");
						}
						console.log(data);
					},
					error:function(err){
						$(".pwd_error").show();
						console.log('接口请求失败：' + err);	
					}
				});
			}			 			
		})
	});

mock.js

Mock.mock('/user/user', 'post',function(opnt){
	console.log(opnt.body); //打印看是否能收到前端发过来的数据
	return 1;
	
})

HTML文件下载
https://download.csdn.net/download/weixin_45242954/33183993