Web-注册登陆

Register.html

<script>
			/*
				表单校验：
					1.用户名：单词字符，长度8到20位
					2.密码：单词字符，长度8到20位
					3.email：邮件格式
					4.姓名：非空
					5.手机号：手机号格式
					6.出生日期：非空
					7.验证码：非空
			 */

			//校验用户名
			//单词字符，长度8到20位
			function checkUsername() {
   
                //1.获取用户名值
				var username = $("#username").val();
				//2.定义正则
				var reg_username = /^\w{8,20}$/;
				
				//3.判断，给出提示信息
			    var flag = reg_username.test(username);    //test：验证是否满足正则表达式
			    if(flag){
   
			        //用户名合法
                    $("#username").css("border","");      //当我们用户名符合正则表达式后变回原来的样子
				}else{
   
			        //用户名非法,加一个红色边框
					$("#username").css("border","1px solid red");
				}
			    
                return flag;                             //这里一定记得返回flag
            }

            //校验密码
            function checkPassword() {
   
                //1.获取密码值
                var password = $("#password").val();
                //2.定义正则
                var reg_password = /^\w{8,20}$/;

                //3.判断，给出提示信息
                var flag = reg_password.test(password);
                if(flag){
   
                    //密码合法
                    $("#password").css("border","");
                }else{
   
                    //密码非法,加一个红色边框
                    $("#password").css("border","1px solid red");
                }

                return flag;
            }

            //校验邮箱
			function checkEmail(){
   
			    //1.获取邮箱
				var email = $("#email").val();
				//2.定义正则		itcast@163.com
				var reg_email = /^\w+@\w+\.\w+$/;

				//3.判断
				var flag = reg_email.test(email);
				if(flag){
   
                    $("#email").css("border","");
				}else{
   
                    $("#email").css("border","1px solid red");
				}

				return flag;
			}

			$(function () {
                   //当页面框架加载完成就执行
                //当表单提交时，调用所有的校验方法
				$("#registerForm").submit(function(){
   
					//1.发送数据到服务器
					if(checkUsername() && checkPassword() && checkEmail()){
   
					    //校验通过,发送ajax请求，提交表单的数据 this指代registerForm表单提交数据