$.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");
}
});
}
});
- $("#myform").validate({
- rules: {
- email: {
- required: true,
- email: true,
- remote: {
- url: "check-email.php",
- type: "post",
- data: {
- username: function() {
- return $("#username").val();
- }
- }
- }
- }
- }
- });
分享到:
相关推荐
在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...
"validate 通用Ajax无刷新表单验证类"就是针对这一需求设计的,旨在提供一个高效、便捷的解决方案,使得在用户填写表单时能够实时进行数据验证,无需等待页面刷新,极大地提高了用户体验。 Ajax(Asynchronous ...
`formValidate` 是一个常见的JavaScript表单验证插件,它简化了验证过程,提供了丰富的自定义选项。然而,像任何其他软件一样,`formValidate` 也可能存在一些bug,尤其是在与`ajax`进行交互时。在这个场景中,我们...
`validate`是一个通用的Ajax无刷新表单验证类,使用JavaScript编写,它允许在用户提交数据之前即时检查输入,无需刷新整个页面。这种技术大大提升了用户交互的流畅性,使得表单填写过程更加高效。 `validate`类的...
**标题:“AJAX基础教程-5 Ajax Validate”** 在学习Web开发时,AJAX(Asynchronous JavaScript and XML)技术是一个重要的组成部分,它允许我们在不刷新整个页面的情况下与服务器进行交互,提升用户体验。本教程...
jQuery Validate插件是用于在客户端进行表单验证的强大工具,它提供了丰富的验证规则和自定义方法,使得用户在提交表单前可以即时检测输入数据的有效性,大大提升了用户体验。该插件是jQuery库的一个扩展,通过简单...
总的来说,"validate 通用Ajax无刷新表彰验证类"是现代Web应用中实现高效、友好、可定制化表单验证的一种强大工具,它简化了前端验证的实现,提升了用户交互体验,并为开发者提供了丰富的自定义选项和便利的API。...
下面是一个结合validate.js和form.js实现AJAX提交的例子: ```javascript $(document).ready(function () { $("#myForm").validate({ submitHandler: function(form) { $(form).ajaxSubmit({ success: function...
在jQuery Validate中,自定义验证方法的添加是通过$.validator.addMethod方法实现的。该方法接受三个参数:一个是方法的名称,一个是验证函数,还有一个是当验证失败时显示的错误信息。自定义验证方法可以在页面加载...
本文将详细讲解Laravel中数据验证以及处理验证错误的一些方法,尤其是与Ajax和Json格式响应结合的场景。 首先,Laravel内置了一个非常实用的验证器Validator,它允许开发者以非常直观的方式对请求数据进行验证。在...
JavaScript中,validate方法可能出现在表单验证中,通过自定义函数来检查用户输入是否符合预期。例如,验证电子邮件地址的格式、手机号码的合法性等。此外,在Node.js环境中,库如Joi或Validator提供了validate方法...
本文将深入探讨`jquery validate`方法的运用,以及如何自定义验证方法。 `validate`方法是jQuery Validate插件的核心,它的主要功能是为HTML表单提供实时和提交时的验证。通过使用这个方法,我们可以轻松地添加各种...
jQuery.validate允许你自定义错误消息,通过设置`messages`对象来实现。例如: ```javascript messages: { required: "这是必填字段。", remote: "请修正此字段。", email: "请输入有效的电子邮件地址。", /...
`jQuery validate` 和 `jQuery form` 插件是 jQuery 生态系统中的两个重要工具,它们分别用于增强表单验证和实现 AJAX 无刷新提交,从而提供更流畅的用户体验。 **jQuery validate 插件** `jQuery validate` 是一...
通过以上介绍,我们可以看出 jQuery Validate 框架的强大之处,它提供了丰富的验证功能,允许开发者根据项目需求进行高度自定义,从而实现个性化的表单验证。在实际开发中,结合 CSS 和 JavaScript,可以打造出美观...
`jQuery Validate` 插件1.8.1版本提供了丰富的功能,包括基本的验证规则、自定义验证规则以及错误消息定制。 ### jQuery Validate 插件基础 `jQuery Validate` 的核心功能是验证表单字段,它通过添加额外的属性到 ...
$.ajax({ url: "submit.php", type: "POST", data: $(form).serialize(), success: function(response) { // 处理服务器返回的信息 } }); return false; // 阻止表单默认提交行为 } }); ``` 总结,jQuery...
- **错误提示**:jQuery Validate允许自定义错误标签和位置,如`errorPlacement: function(error, element) {...}`可以控制错误消息显示的位置。 在实际项目中,结合jQuery和jQuery Validate,开发者可以快速构建出...
《jQuery Form Validate 深入解析与应用》 ...通过理解其内置规则、自定义规则、错误消息定制和AJAX提交等机制,我们能够构建出高效、用户体验良好的表单验证系统,从而提升网站的质量和用户体验。
jQuery Validate还提供了自定义验证方法的功能,允许开发者根据项目需求创建自己的验证规则。例如,验证密码强度: ```javascript $.validator.addMethod("passwordStrength", function(value, element) { // 这里...