`
BlueFuture
  • 浏览: 53103 次
  • 性别: Icon_minigender_1
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

jQuery验证框架(二)插件方法 (jQuery validation)

阅读更多

jQuery验证框架

二、插件方法( Plugin methods )
[1]  validate( [options] )           返回:Validator 
      说明:见第一部分

[2]  valid()      返回:Boolean
      说明:检查表单是否已通过验证。

Js代码 复制代码
  1. $("#myform").validate();   
  2. $("a.check").click(function() {   
  3.   alert("Valid: " + $("#myform").valid());   
  4.   return false;   
  5. });  
$("#myform").validate();
$("a.check").click(function() {
  alert("Valid: " + $("#myform").valid());
  return false;
});



[3]  rules()       返回:Options
      说明:返回一个表单元素的验证规则。有几个方法定义验证规则:

  • 在表单元素的class属性中定义验证规则(推荐的方法)。
  • 通过指定验证方法的属性(推荐的方法)。
  • 可以通过元数据(metadata)插件来定义元数据验证规则。
  • 可以通过指定validate()方法的rules选项。

 

Js代码 复制代码
  1. alert($("#password").rules()["required"]);  
alert($("#password").rules()["required"]);




[4]  rules( "add", rules )       返回:Options
      参数"add"     类型:String
      参数  rules     类型:Options   要添加的规则,与validate方法中的验证规则一致。
      说明:添加规则到匹配的表单元素,返回该元素的所有验证规则,需要先执行$("form").validate()。在rules中也可以添加用户自定义的消息对象。

Js代码 复制代码
  1. $("#myinput").rules("add", {   
  2.  required: true,   
  3.  minlength: 2,   
  4.  messages: {   
  5.    required: "Required input",   
  6.    minlength: jQuery.format("Please, at least {0} characters are necessary")   
  7.  }   
  8. });  
$("#myinput").rules("add", {
 required: true,
 minlength: 2,
 messages: {
   required: "Required input",
   minlength: jQuery.format("Please, at least {0} characters are necessary")
 }
});



[5]  rules( "remove", [rules] )       返回:Options
      参数"remove"     类型:String
      参数  rules (Options)    类型:Options   用空白符分割的验证规则。只操作通过rules选项或rules("add")指定的验证规则。
      说明:从第一个匹配的表单元素中移除指定的验证规则,并返回该元素所有的验证规则。

Js代码 复制代码
  1. $("#myinput").rules("remove");   
  2. $("#myinput").rules("remove""min max");  
$("#myinput").rules("remove");
$("#myinput").rules("remove", "min max");



[6]  removeAttrs( attributes )       返回:Options
      参数  attributes      类型:String  用空白符分割的属性列表
      说明:从第一个匹配的表单元素中删除指定的属性并返回它们。

Js代码 复制代码
  1. $("#skip").click(function() {   
  2.   var rules = $("#myinput").removeAttrs("min max");   
  3.   $("#myform).submit();   
  4.   $("#myinput").attr(rules);   
  5. });  
 $("#skip").click(function() {
   var rules = $("#myinput").removeAttrs("min max");
   $("#myform).submit();
   $("#myinput").attr(rules);
 });






原文请见:http://docs.jquery.com/Plugins/Validation#Fields_with_complex_names_.28brackets.2C_dots.29
----------------------------------------------------------------------------------------------------------------------------------------------------

分享到:
评论

相关推荐

    Java Web Jquery表单验证

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

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

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

    jquery 前端验证框架

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

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

    **jQuery FormValidation插件**是前端开发中一个广泛使用的工具,专门用于实现高效且用户友好的表单验证。这个插件基于流行的JavaScript库jQuery构建,它简化了在Web应用程序中实施复杂的验证规则的过程。在标题提到...

    表单验证jquery插件

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

    jQueryvalidation验证框架.pdf

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

    jQuery验证框架

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

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

    **jQuery表单验证插件ValidationEngine详解** 在Web开发中,表单验证是必不可少的一环,它能够确保用户输入的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。ValidationEngine是一款基于jQuery的强大的...

    jQuery验证框架[收集].pdf

    jQuery验证框架提供了多个插件方法,如`.validate()`用于启动验证,`.valid()`用于手动触发验证,`.rules()`用于添加或修改验证规则,`.messages()`用于定义自定义错误消息。 (三、四)选择器及实用工具 框架内...

    jquery formValidation表单验证插件实例

    1. **初始化插件**:在jQuery的`$(document).ready()`函数中,使用`$.fn.formValidation`方法初始化表单验证。指定一个容器(通常是包含表单的元素),并传递一个配置对象: ```javascript $(document).ready...

    jquery校验框架

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

    jquery-validation-1.9.0

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

    jQuery表单验证插件

    2. **Form Validation**:另一款流行的验证插件,具有丰富的验证方法和错误显示方式,同时支持Bootstrap和其他前端框架。 3. **Parsley.js**:轻量级但功能齐全的验证插件,支持多种语言,提供多种验证规则,并且...

    jquery验证框架

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

    JQuery验证框架

    除了上述的配置项外,JQuery验证框架还提供了一些插件方法来进一步增强其功能: 1. **`$.validator.addMethod(name, method, message)`**:用于向验证框架添加新的验证方法。 2. **`$.validator.setDefaults...

    JQuery验证框架jqBootstrapValidation.zip

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

    jquery-validation-1.13.0

    这个插件是基于jQuery框架设计的,因此,它能够轻松地与jQuery的其他功能集成,提供用户友好的交互体验。在版本1.13.0中,该插件包含了丰富的功能和优化,使得开发人员可以快速、有效地进行表单验证。 **1. 使用...

    jQuery-validation插件.zip

    除了基础功能,jQuery-validation还支持自定义验证方法,可以扩展出更复杂的验证逻辑。此外,该插件还可以与其他jQuery插件(如表单序列化工具)配合使用,实现更丰富的表单交互。 总的来说,jQuery-validation是...

Global site tag (gtag.js) - Google Analytics