bootstrap ajax - （se7en框架）

最新推荐文章于 2024-03-16 15:48:59 发布

原创最新推荐文章于 2024-03-16 15:48:59 发布 · 831 阅读

0 ·

CC 4.0 BY-SA版权

bootstrap 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript前端验证及后端校验相结合的方法来确保用户注册时提供的邮箱地址的有效性和唯一性。通过设置一系列的验证规则，包括必填项检查、长度限制、格式校验及远程请求检查，确保了邮箱地址的正确性和未被其他用户占用。

验证邮箱是否存在：

js代码：

$("#validate-form").validate({
      rules: {
        firstname: "required",
        lastname: "required",
        username: {
          required: true,
          minlength: 2
        },
        password: {
          required: true,
          minlength: 5
        },
        confirm_password: {
          required: true,
          minlength: 5,
          equalTo: "#password"
        },
        email: {
          required: true,
          email: true,
          remote:{  
              url:"validate/checkUnique",  
              type:"get",  
              dateType:"json",  
              data:{name:$("#name").val()}  
            } ,
            dataFilter: function (data) {　　　　//判断控制器返回的内容
                if (data == "true") {
                    return true;
                }
                else {
                    return false;
                }
            }
        }
        
        
      },
      messages: {
        firstname: "Please enter your first name",
        lastname: "Please enter your last name",
        username: {
          required: "Please enter a username",
          minlength: "Your username must consist of at least 2 characters"
        },
        password: {
          required: "Please provide a password",
          minlength: "Your password must be at least 5 characters long"
        },
        confirm_password: {
          required: "Please provide a password",
          minlength: "Your password must be at least 5 characters long",
          equalTo: "Please enter the same password"
        },
      //  email: "Please enter a valid email address"
        	
        email: {
        	remote: " tell me why." ,
        	required: "aaaa"
      	},        	
      },
      
      submitHandler: function(form) {  
          form.submit();  
      }  
    });

后台代码：

@RequestMapping("validate/checkUnique")
	public String validateUsers(HttpServletRequest request, HttpServletResponse response) throws IOException{
		String cs = request.getParameter("email");
		System.out.println("cs:"+cs);
		PrintWriter out = response.getWriter();
		out.println(false);
		return null;
	}