`
zarger
  • 浏览: 15255 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

JQuery强大的Validator扩展,附addMethod实例

    博客分类:
  • JS
阅读更多

Jquery 的扩展Validate包很强大,可以方便的进行提供字段验证,更为重要的是,可以创建自己的规则:

 

如下例,为validator创建了一个名为regex的规则,规定输入的字段必须满足regex里指定的格式。

 

更多信息可以参考http://docs.jquery.com/Plugins/validation

不过这个addMethod方法,官方文档讲得不是很清楚,这个是经过google并且实验过可以使用的

 

<script type="text/javascript">
//INS-99
$.validator.addMethod(
        "regex",
        function(value, element, regexp) {
            var check = false;
            var re = new RegExp(regexp);
            return this.optional(element) || re.test(value);
        },
        "Only characters allowed."
);

var validator = $("#accountform").validate( {                                                     
      rules: {                                                                     
          firstname: {required: true, regex: /^[A-Za-z]+$/},                                                   
          lastname: {required: true, regex: /^[A-Za-z]+$/},                                                 
          email: { required: true, email: true, remote: {                          
              url: "/biz411/api/email_acceptable",
              type: "POST",                                                        
              data: {                                                              
                  email: function () { return $("#email").val(); },                
                  c: "api",                                                        
                  m: "email_acceptable"                                            
              } }                                                                  
          },                                                                       
          authword: { required: true },                                            
          authwordAgain: { equalTo: "#authword" }                                 
      },                                                                           
      messages: {                                                                  
          authwordAgain: "Passwords do not match.",                                
          email: { remote: "This email address is already registered." }
      }
} );
</script>
 

 

分享到:
评论

相关推荐

    jQuery.validate插件(附代码实例)

    $.validator.addMethod("uniqueUsername", function(value) { // 假设这里有一个Ajax请求,检查用户名是否已存在 return $.ajax({ url: "check_username.php", data: { username: value }, async: false // ...

    jquery.validate.js 1.8.1 + 实例

    $.validator.addMethod("customRule", function(value, element) { return value === "expectedValue"; }, "请填写预期的值"); ``` 然后在表单元素上使用新规则: ```html ``` ### 提交处理 `jQuery Validate`...

    jquery-validation实例+API

    jQuery Validation插件作为jQuery库的一个扩展,为开发者提供了一种简单而强大的方式来实现这一功能。本文将深入探讨jQuery Validation的实例和API,帮助你更好地理解和应用这个插件。 首先,我们来看jQuery ...

    JQuery扩展插件Validate 5添加自定义验证方法

    示例如下: 代码如下: [removed] jQuery.validator.addMethod(“regex”, //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法,参数(被验证元素的值,被验证元素,...

    很强大jquery表单验证插件jquery.validate.js api.pdf

    通过`jQuery.validator.addMethod`定义新的验证方法,如`iszipcode`,接受三个参数:`value`是当前元素的值,`element`是当前元素本身,`return`值为布尔,表示验证是否通过。在`iszipcode`方法中,使用正则表达式`...

    jquery validate例子

    $.validator.addMethod("passwordStrength", function(value, element) { // 这里可以编写检查密码强度的逻辑 return this.optional(element) || /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}$/.test(value); }, "密码...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    jQuery表单验证大全

    $.validator.addMethod("customRule", function(value, element) { // 验证逻辑 }, "错误提示"); $("#myForm").validate({ rules: { inputField: { required: true, customRule: true } }, messages: { ...

    jquery 前端验证框架

    4. **自定义验证方法**:通过`.addMethod()`扩展新的验证规则。例如,定义一个检查密码强度的方法: ```javascript $.validator.addMethod("passwordStrength", function(value, element) { // 验证逻辑 }, ...

    jquery验证框架,好用实用。。。

    $.validator.addMethod("customRule", function(value, element) { return value === "expectedValue"; }, "这是自定义错误提示信息"); ``` 其中,`value`是元素的值,`element`是元素本身,函数返回`true`表示...

    jquery验证插件!

    $.validator.addMethod("passwordStrength", function(value) { // 此处实现密码强度检查逻辑 }, "密码必须包含数字和字母"); ``` 4. **触发验证**:最后,当用户提交表单时,验证插件会自动执行验证。如果所有...

    jQuery表单校验插件validate实例代码集展现了插件的各种用法.zip

    $.validator.addMethod('usernameExists', function(value) { // 发送AJAX请求检查用户名 return false; // 返回true表示验证通过,false表示失败 }, '用户名已被注册'); ``` 然后在`rules`中使用这个方法: ```...

    jquery valida自定义验证规则

    通过调用 `$.validator.addMethod()` 函数,我们可以添加新的验证方法: ```javascript $.validator.addMethod("customRule", function(value, element) { // 验证逻辑 return value === "expectedValue"; }, ...

    jquery jquery表单验证实用例子

    jQuery.validator.addMethod("email", function(value, element) { return this.optional(element) || /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(value); }, "请输入有效的电子邮件地址"); ``` ...

    jquery注册表验证插件

    4. 自定义规则:如果需要,可以扩展验证规则,例如`$.validator.addMethod()`。 5. 设置错误消息:使用`messages`选项来自定义错误消息。 六、总结 jQuery注册表验证插件是提升Web表单用户体验的重要工具。通过理解...

    jquery-validation-1.8.1里面有很多例子

    5. 自定义验证:通过`$.validator.addMethod()`创建自定义验证方法。 三、示例解析 在"jquery-validation-1.8.1"压缩包中,通常包含以下文件和目录: 1. `dist/`:包含压缩和未压缩的JS文件,如`jquery.validate....

    jQuery_validate

    例如,通过`$.validator.addMethod()`方法,可以定义一个新的验证规则,比如验证密码强度。 3. **错误消息定制**:默认的错误提示信息可以通过`messages`选项进行修改,以适应不同场景下的用户体验需求。 4. **...

    jQuery验证框架

    - **说明**:提供了一些辅助函数,如`$.validator.addMethod()`等,用于扩展验证规则。 ```javascript $.validator.addMethod("myRule", function(value, element) { return value.length &gt; 5; }, "自定义验证...

    jQuery表单验证例子

    $.validator.addMethod('uniqueUsername', function(value, element) { // 这里实现检查用户名是否已存在的逻辑 return this.optional(element) || /^[a-zA-Z0-9]{5,}$/.test(value); }, "用户名已被占用"); // ...

    jquery.validateValidation.js验证框架帮助手册文档.pdf

    jQuery Validate 提供了一些实用函数,如`$.fn.extend`用于扩展验证规则,`$.validator.addMethod`用于自定义验证方法,`$.validator.format`用于格式化错误消息。 ### (五)验证器 (jQuery validation) 验证器是...

Global site tag (gtag.js) - Google Analytics