validate ajax 自定义-优快云博客

本文介绍了如何使用jQuery和AJAX实现远程验证用户名的合法性及是否已存在于系统中，确保用户输入的数据符合预设规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.validator.addMethod("checkName", function(value, element) {
				var result;
				var userId = document.getElementById("user.id").value;
				$.ajax({
					url : "/user/checkName.do?userId="+userId+"&name="+document.getElementById("name").value,
					//data : "user.userId=" + userId,
					dataType : "json",
					type : "post",
					async : false,
					cache : false,
					timeout : 10000,
					success : function(response) {
					result = response.IsSuccess;
					}
				});
                return this.optional(element) || result;
            }, "用户名不合法或已经存在!");

remote的validator方式：

$('form#changePasswordForm').validate({ 
    rules: { 
        repeat_new_password: {  
            equalTo: "#new_password"  
        }, 
        password : {  
            // This will invoke ./json/authenticate.do?password=THEVALUE_OF_THE_FIELD  
            // and all you need to do is return "true" or "false" from this server script 
            remote: './json/authenticate.do'  
        } 
    },  
    messages: {  
        password: {  
            remote: jQuery.format("Wrong password") 
        } 
    }, 
    submitHandler: function(form) { 
        $(form).ajaxSubmit({ 
            dataType: "json",  
            success: function(json) { 
                alert("foo"); 
            } 
        });                      
    } 
});