`
koalaxyq
  • 浏览: 89799 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类

jQuery验证框架(五)验证器 (jQuery validation)

阅读更多
jQuery验证框架

五、验证器( Validator )
            validate方法返回的验证器对象( Validator Object) 有一些公用的方法。你可以用来触发验证程序或改变表单(form)的内容。验证器对象有更多的方法,不过只有文档中给出的这些方法是专为使用而设计的。

(一)验证器方法(Validator methods)
[1]  form()       返回:Boolean
      说明:验证表单是否通过验证,若通过验证则返回true,反之返回false。这个方法在正常的提交事件(submit event)触发,它返回一个结果。
$("#myform").validate().form();

[2]  element( element )       返回:Boolean
      参数 element      类型:Selector    验证表单中的一个需要验证的表单元素。
      说明:验证单个表单元素是否通过验证,若通过验证则返回true,反之返回false。这个方法在正常的焦点离开事件(blur)或按键弹起(keyup)时触发,它返回一个结果。
$("#myform").validate().element( "#myselect" );

[3]  resetForm( )       返回:undefined
      说明:重置表单。
                  恢复表单元素到原来的值(需要form插件支持),移除无效验证的样式并隐藏错误消息。
                  (...貌似只有在IE下才可以移除样式)
var validator = $("#myform").validate();
validator.resetForm();

[4]  showErrors( errors )       返回:undefined
      参数 errors      类型:Object<String, String>    一个或多个表单元素的name属性和验证消息组成的键/值对。
      说明:显示指定的验证消息。
                  在指定的errorPlacement中显示验证消息。键为待验证表单元素的name属性,值为相应的验证消息。
var validator = $("#myform").validate();
validator.showErrors({"firstname": "I know that your firstname is Pete, Pete!"});

[5]  numberOfInvalids( )       返回:Integer
      说明:返回未通过验证的表单元素的个数。
                  这个方法依赖于内部的验证器情况。只有在验证完所有表单元素时才统计所有待验证的表单元素(submit事件或通过$("form").valid())。当只验证单个表单元素,则只有统计该表单元素。与invalidHandler选项联合使用的时候非常有用。
var validator = $("#myform").validate({
    invalidHandler: function() {
        $("#summary").text(validator.numberOfInvalids() +"field(s) areinvalid");
    }
});


(二)验证器函数(Validator functions)
[1]  setDefaults( defaults )       返回:undefined
      参数 defaults      类型:Options    要设置成默认值的选项。
      说明:修改验证框架的默认设置。
                  接受validate方法中的所有选项。
jQuery.validator.setDefaults({ 
    debug: true 
});

[2]  addMethod( name, method, [message] )       返回:undefined
      参数 name     类型:String    要添加的方法名,用于标识和引用,必须是一个有效的javascript标识符。
      参数 method     类型:Callback    方法的实现部分,返回true如果表单元素通过验证。
      参数 message(Optional)     类型:String, Function    该方法的默认验证消息。可以用 jQuery.validator.format(value) 方法创建。如果未定义该参数,则使用本地已存在的验证消息,另外,必须为指定的表单元素定义验证消息。
      说明:添加一个用户自定义的验证方法。它由方法名(必须是一个合法的javascript标识符)、基于javascript的函数及默认的验证消息组成。
jQuery.validator.addMethod("math", function(value, element, params) { 
    return this.optional(element) || value == params[0] + params[1]; 
}, jQuery.format("Please enter the correct value for {0} + {1}"));

[3]  addClassRules( name, rules )       返回:undefined
      参数 name     类型:String    要添加的样式规则名。
      参数 rules     类型:Options    规则选项。
      说明:添加一个复合的样式验证方法。对于将多个联合使用的规则重构进单个样式中非常有用。
jQuery.validator.addClassRules("name", {
  required: true,
  minlength: 2
});

[4]  addClassRules( rules )       返回:undefined
      参数 rules     类型:Options    样式类名-规则表。
      说明:添加一个复合的样式验证方法。对于重构通用的联合规则非常有用。
jQuery.validator.addClassRules({
  name: {
    required: true,
    minlength: 2
  },
  zip: {
    required: true,
    digits: true,
    minlength: 5,
    maxlength: 5
  }
});




原文请见:http://docs.jquery.com/Plugins/Validation

------------------------------------------------------------------------------------------------------------------------------------------------------
分享到:
评论

相关推荐

    很不错的验证框架jquery

    标题中的“很不错的验证框架jquery”指的是jQuery Validation Plugin,这是一个非常流行且功能强大的JavaScript库,专门用于HTML表单验证。jQuery本身是一个轻量级的JavaScript库,极大地简化了DOM操作、事件处理和...

    jquery.validate Validation .js验证框架 帮助 手册 文档 chm

    jquery.validate Validation .js验证框架 帮助 手册 文档.chm 版本 方面查询 (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具...

    jquery 前端验证框架

    **二、jQuery验证框架的重要性** 前端验证不仅能够即时反馈用户输入错误,提高用户交互体验,还能减少服务器端的压力,避免无效请求。jQuery的验证框架提供了一套灵活、可定制的验证规则,使开发者可以快速构建表单...

    jQueryvalidation验证框架.pdf

    jQuery Validation 是一个强大的客户端表单验证插件,用于在用户提交数据之前检查其输入的有效性。这个框架大大简化了在HTML表单中实现复杂验证逻辑的过程。以下是对jQuery Validation框架的一些关键知识点的详细...

    jQuery验证框架

    ### jQuery验证框架详解 #### 一、概述 jQuery Validation Plugin 是一个非常强大的验证插件,它可以帮助开发者轻松地实现客户端表单验证功能。此插件是基于jQuery开发的,因此可以充分利用jQuery的强大功能来简化...

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....

    jQuery验证框架[收集].pdf

    验证器是jQuery验证框架的核心组件,它负责执行验证逻辑。开发者可以通过调用验证器的API来控制验证过程,如设置验证规则、定义验证消息等。 (六)内置验证方法 框架预设了多种验证方法,如`required`(必填)、`...

    jquery校验框架

    **jQuery验证框架详解** jQuery,一个轻量级、高性能的JavaScript库,因其简洁的API和强大的功能,成为了前端开发中的必备工具。其中,jQuery验证框架是用于实现表单验证的重要组成部分,它使得开发者能够轻松地为...

    Jquery验证框架【可以通过正则表达式验证】

    我在 jquery-validation-1.9.0版本的基础上增加了可以验证正则表达式的功能,由于我在使用当中发现其的邮箱验证不能很好的验证,输入中文后只要在后面加个@符号,他就通过,比如 【时代的@ff.cc】 这样也能通过 ...

    jquery验证框架

    **jQuery验证框架详解** jQuery Validation 是一款非常流行的前端验证插件,主要用于在用户提交表单前进行数据验证,确保输入信息的正确性和完整性。这款框架是基于jQuery库开发的,因此,它能够轻松地与jQuery无缝...

    JQuery验证框架jqBootstrapValidation.zip

    **jQuery验证框架jqBootstrapValidation详解** `jqBootstrapValidation`是一个基于jQuery的轻量级验证框架,专门设计用于增强Bootstrap框架中的表单验证功能。这个框架的主要目标是提供一种简便的方法来确保用户...

    Jquery前端表单验证插件formvalidation源码及示例

    2. **初始化表单**:使用JavaScript或jQuery选择器找到表单元素,并调用`.formValidation()`方法进行初始化。 3. **配置验证规则**:在初始化时设置验证规则,指定哪些字段需要验证,以及它们应遵循的规则。 4. **...

    JQuery验证框架

    ### JQuery验证框架详解 #### 一、概述 JQuery验证框架是基于JQuery的一个轻量级插件,用于简化Web表单验证的过程。它提供了一系列的内置验证规则和自定义验证逻辑,使得开发者无需编写复杂的JavaScript代码即可...

    很漂亮的Jquery验证框架(内带实例)

    《jQuery验证框架详解:以formValidator.1.7为例》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预设的规则,从而避免数据错误和安全问题。jQuery作为一款强大的JavaScript库,提供了丰富的...

    jquery-validation-1.9.0

    jQuery Validation插件是用于jQuery框架的强大的表单验证工具,它的出现极大地简化了这一过程。本文将详细介绍jQuery Validation插件,特别是1.9.0版本中的特性和使用方法。 首先,jQuery Validation插件是基于...

    jquery表单验证插件validationEngine---个人修改

    1. **与其他框架集成**:ValidationEngine可以很好地与Bootstrap、AngularJS等框架结合使用,只需调整CSS样式和验证触发时机。 2. **异步验证**:支持Ajax验证,例如验证用户名是否已存在,提高用户体验。 3. **国际...

    jquery-validation-1.13.0

    jQuery Validation Plugin 是一个流行的JavaScript库,专门用于实现Web表单的数据验证。这个插件是基于jQuery框架设计的,因此,它能够轻松地与jQuery的其他功能集成,提供用户友好的交互体验。在版本1.13.0中,该...

    表单验证jquery插件

    jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...

Global site tag (gtag.js) - Google Analytics