About the verification of the registration page

html can only use ajax to get the value,
jsp can use the corresponding domain object to get it.

Regarding the verification of user name, name, and email.

	<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>

Guess you like

Origin blog.csdn.net/qq_43458555/article/details/104507432