jQuery.validator.addMethod("stringCheck", function(value, element) { // return this.optional(element) || /^[0-9a-zA-Z_]{1,}$/.test(value); return this.optional(element) || /^[a-zA-Z]+[a-zA-Z0-9]+$/.test(value); }, "只能由英文字母或数字组成(不支持中文、不能以数字开头)"); // }, "只能包括英文字母、数字和下划线"); jQuery.validator.addMethod("mobile", function (value, element, param) { var pattern = /^\d+$/; return this.optional(element) || pattern.test(value); }, '只能输入数字'); //表单验证 $('#registerbox').validate({ rules: { UserName: { required: true, stringCheck: true, minlength: "3", maxlength: "15", cache: false, remote: { type: 'get', url: "/Account/Validate", dataType: 'json', data: { str: function () { return $("#username").val(); } } }, onkeyup: false }, Password: { required: true, }, Pwd_s: { required: true, equalTo: "#pass" }, Email: { required: true, email: true, cache: false, remote: { type: 'get', url: "/Account/Validate", dataType: 'json', data: { str: function () { return $("#userEmail").val(); } } } }, MemberType: { required: true, }, Mobile: { required: true, minlength: "11", maxlength: "11", mobile: true, cache: false, number:true, remote: { type: 'get', url: "/Account/Validate", dataType: 'json', data: { str: function () { return $("#userPhone").val(); } } } }, rule: { required: true } }, messages: { UserName: { required: "用户名不能为空", stringCheck: "只能由英文字母或数字组成(不支持中文、不能以数字开头)", minlength: "请输入3-15个字节(一个中文字算2个字节)", maxlength: "请输入3-15个字节(一个中文字算2个字节)", remote:"该用户名已被注册" }, Password: { required: "密码不能为空", }, Pwd_s: { required: "确认密码不能为空", equalTo: "两次密码不一样" }, MemberType: { required: "选择用户类型", }, Email: { required: "Email不能为空", email: "请输入正确的Email地址", remote: "该邮箱已被注册" }, Mobile: { required: "手机不能为空", minlength: "请输入11位手机号码", maxlength: "请输入11位手机号码", mobile: "只能输入数字", remote: "该手机已被注册" }, rule: "未接受条款" } });
相关推荐
在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...
《jQuery Validate验证手册》是针对JavaScript库jQuery的一个插件,主要功能是提供强大的表单验证功能,帮助开发者创建用户友好的、功能丰富的交互式表单。这个插件基于jQuery库,利用JavaScript的强大功能,简化了...
例如,你可以创建新的验证方法,或者修改已有的验证消息。通过扩展`jQuery.validator.addMethod()`,你可以添加自定义验证规则,如: ```javascript $.validator.addMethod("customRule", function(value, element)...
解决jquery validate remote 只验证一次的问题
在这个“jquery validate验证示例”压缩包中,很可能包含了 `jQuery Validate` 插件的核心文件以及一些示例代码,帮助开发者快速理解和使用这个插件。 首先,`jQuery Validate` 的核心功能包括: 1. **基本验证**...
首先,使用`jQuery Validate`需要引入相关的文件,包括`jquery.validate.js`作为核心验证框架,`additional-methods.js`包含了一些额外的验证方法,`messages_cn.js`用于本地化消息,以及`jquery.validate.css`定义...
2. **初始化验证**:使用`jQuery`选择器找到需要验证的表单元素,并调用`.validate()`方法,配置相应的验证规则。例如,对于密码字段,可能有`required`(必填)、`minlength`(最小长度)和自定义的正则表达式规则...
当内置规则无法满足需求时,可以创建自定义验证方法。例如,检查密码是否包含数字和字母: ```javascript $.validator.addMethod('customPassword', function(value, element) { return this.optional(element) ...
jQuery.validate还支持许多插件,如additional-methods.js,它包含了更多验证方法,如`alpha`, `alnum`, `lettersonly`等。 7. **异步验证**: `remote`规则可以用来进行服务器端验证,通过AJAX请求向服务器发送...
在网页开发中,jQuery Validate 是一个非常常用的验证插件,用于对用户输入的数据进行校验,确保数据的有效性和完整性。这个插件可以帮助开发者创建复杂的表单验证规则,提高用户体验,减少服务器端的压力。结合 ...
在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...
jQuery Validate 插件是Web开发中广泛使用的工具,主要用于实现前端表单验证,它极大地简化了用户输入数据的检查过程,提供了丰富的验证规则和自定义方法。在这个“jQuery Validate插件验证表单小练”中,我们将深入...
《关于jQuery Validate Plugin指定需要验证对象的解决方案》 在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设的规则。jQuery Validate Plugin是一款强大的客户端表单验证插件,它使得这一过程...
非常好的Jquery validate:每个案例独立,都有注释 讲解了: 环境搭建 常见验证方法配置 国际化错误消息 自定义方法和远程验证 给验证添加 图标效果
jQuery Validate还提供了自定义验证方法的功能,允许开发者根据项目需求创建自己的验证规则。例如,验证密码强度: ```javascript $.validator.addMethod("passwordStrength", function(value, element) { // 这里...
2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。 3 email:true 必须输入正确格式的电子邮件。 4 url:true 必须输入正确格式的网址。 5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎...
本文将深入探讨`jquery validate`方法的运用,以及如何自定义验证方法。 `validate`方法是jQuery Validate插件的核心,它的主要功能是为HTML表单提供实时和提交时的验证。通过使用这个方法,我们可以轻松地添加各种...
2. **自定义验证规则**:开发者可以通过编写新的验证方法来扩展内置的验证规则。 3. **错误消息定制**:可以为每个验证规则设置特定的错误消息。 4. **显示错误**:可以控制错误消息如何显示,如在元素旁边显示或在...
6. **插件扩展**:jQuery Validate 插件具有良好的可扩展性,可以通过编写自定义方法来扩展验证规则。 在jQuery Validate 1.1.2版本中,可能包含以下更新: - **修复已知bug**:此版本可能会修复了前一版本中报告...
如果预定义的规则无法满足特定需求,可以创建自定义验证方法。例如,我们可能需要验证手机号码格式: ```javascript jQuery.validator.addMethod('isMobile', function(value) { return /^1[3-9]\d{9}$/.test...