关于注册页面的校验

html获取数值只能使用ajax,
jsp可以使用相对应的域对象来获取。

关于对用户名,姓名,和邮箱等的校验。

	<script>
			function checkUsername() {
    
    
				var username = $("#username").val();
				var reg_username = /^\w{8,20}$/;

				 var flag = reg_username.test(username);
				 // console.log(flag);
				if (flag){
    
    
					$("#username").css("border","");

				}else {
    
    
					$("#username").css("border","1px solid red");
				}
				return flag;
			}
			function checkpassword(){
    
    
				var password = $("#password").val();
				var reg_password = /^\w{8,20}$/;

				var flag = reg_password.test(password);
				// console.log(flag);
				if (flag){
    
    
					$("#password").css("border","");

				}else {
    
    
					$("#password").css("border","1px solid red");
				}
				return flag;
			}
			//校验邮箱
			function checkEmail(){
    
    
				// 获取邮箱
				var email = $("#email").val();
				var reg_email = /^\w+@\w+\.\w+$/;
				var flag = reg_email.test(email);
				if (flag){
    
    
					$("#email").css("border","");

				}else {
    
    
					$("#email").css("border","1px solid red");

				}
				return flag;
			}
			//验证姓名
			function checkname(){
    
    
				// 获取邮箱
				var name = $("#name").val();
				var reg_name = /^[\u4E00-\u9FA5]{2,4}$/;
				var flag = reg_name.test(name);
				if (flag){
    
    
					$("#name").css("border","");

				}else {
    
    
					$("#name").css("border","1px solid red");

				}
				return flag;
			}
			$(function () {
    
    
				$("#registerForm").submit(function () {
    
    
					return checkUsername() && checkpassword()&& checkEmail()&&checkname();
				});

				$("#username").blur(checkUsername);
				$("#password").blur(checkpassword);
				$("#email").blur(checkEmail);
				$("#name").blur(checkname);

			});

		</script>

猜你喜欢

转载自blog.csdn.net/qq_43458555/article/details/104507432