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

jQuery验证框架(三、四)选择器及实用工具 (jQuery validation)

阅读更多

jQuery验证框架


三、定制的选择器(Custom Selectors)

[1]  :blank       返回:Array<Element>
      说明:匹配所有空值的表单元素。没有任何值或都空白符(whitespace)都被认为是空值。
                  它是由 jQuery.trim(value).length == 0 来判断的。

Js代码 复制代码
  1. $("input:blank").css("background-color""#bbbbff");  
$("input:blank").css("background-color", "#bbbbff");


[2]  :filled       返回:Array<Element>
      说明:匹配所有不为空的表单元素。任何值都可以认为是已输入的,但只有空白符的值除外。
                  它是由 jQuery.trim(value).length > 0 来判断的。

Js代码 复制代码
  1. $("input:filled").css("background-color""#bbbbff");  
$("input:filled").css("background-color", "#bbbbff");


[3]  :unchecked       返回:Array<Element>
      说明:匹配所有未选择的表单元素。反向操作为 :checked

Js代码 复制代码
  1. function countUnchecked() {   
  2.     var n = $("input:unchecked").length;   
  3.     $("div").text(n + (n == 1 ? " is" : " are") + " unchecked!");   
  4. }   
  5. countUnchecked();   
  6. $(":checkbox").click(countUnchecked);  
function countUnchecked() {
    var n = $("input:unchecked").length;
    $("div").text(n + (n == 1 ? " is" : " are") + " unchecked!");
}
countUnchecked();
$(":checkbox").click(countUnchecked);




四、实用工具(Utilities)

  jQuery.validator.format( template, [argument], [argumentN...] )        返回:String
      参数 template     类型:String    要格式化的字符串
      参数 argument (Optional)    类型:String, Array<String>    用字符串或字符串数组(对应索引的元素)填充第一个占位符
      参数 argumentN... (Optional)    类型:String    填充第二个或之后的占位符。
      说明:用参数来填充{n}占位符。除template外的一个或多个参数都可以用来填充相应的占位符。

Js代码 复制代码
  1. $(document).ready(function(){   
  2.     $("button").click(function () {   
  3.        var str = "Hello {0}, this is {1}";   
  4.        alert("'" + str + "'");   
  5.        str = jQuery.validator.format(str, "World""Bob");   
  6.        //str = $.validator.format(str, ["koala","oo"]);   
  7.        alert("'" + str + "'");   
  8.     });   
  9. });  
$(document).ready(function(){
    $("button").click(function () {
       var str = "Hello {0}, this is {1}";
       alert("'" + str + "'");
       str = jQuery.validator.format(str, "World", "Bob");
       //str = $.validator.format(str, ["koala","oo"]);
       alert("'" + str + "'");
    });
});





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


--------------------------------------------------------------------------------------------------------------------------------------------------------------

分享到:
评论

相关推荐

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

    (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具(Utilities) 8 (五)验证器 (jQuery validation) 8 (六)内置验证方法 (jQuery validation) 10 (七)注意事项 (jQuery validation) 16 (八)应用...

    jQueryvalidation验证框架.pdf

    总结来说,jQuery Validation是一个功能丰富的客户端验证工具,它提供了灵活性和定制性,能够帮助开发者构建用户体验良好的表单验证机制,确保用户输入的数据质量。通过理解并熟练运用上述知识点,可以高效地利用这...

    jQuery验证框架

    #### 四、选择器及实用工具 除了基本的验证功能外,jQuery Validation Plugin 还提供了一些实用工具,帮助开发者更灵活地进行表单元素的选择和验证。 1. **选择器**: - **说明**:可以使用CSS选择器来指定哪些...

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

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

    jQuery验证框架[收集].pdf

    (三、四)选择器及实用工具 框架内包含了一些与jQuery选择器类似的工具,用于更精确地定位和处理表单元素。例如,`$.fn.validate()`可以直接作用于一个表单元素,`$.validator.addMethod()`可以自定义验证方法。 ...

    jquery-validation-1.13.0

    接着,通过简单的jQuery选择器,你可以为特定的表单启用验证: ```html &lt;script src="path/to/jquery.js"&gt; &lt;script src="path/to/jquery.validate.js"&gt; $(document).ready(function() { $("#myForm").validate()...

    高质量的jQuery表单验证插件 A Jquery Inline Form Validation

    利用jQuery进行表单验证,可以利用其强大的选择器功能来定位表单元素,结合事件监听和自定义函数,轻松实现复杂的数据验证规则。 **插件特性** 1. **实时验证**:此插件支持实时验证,即在用户输入时即时检查数据...

    JQuery validation plugin学习资料

    jQuery Validation Plugin 是一个用于前端表单验证的强大工具,它为jQuery用户提供了方便快捷的方法来验证用户输入的数据,确保数据的准确性和完整性。这个插件能够帮助开发者创建用户友好、反馈及时的表单,提高...

    jQuery,涉及到jQuery的框架集介绍及使用

    4. jQuery Validation Plugin:用于表单验证,可自定义规则,确保用户输入的数据符合要求。 5. jQuery ScrollPath:创建自定义滚动动画的插件,提升用户体验。 三、jQuery的使用场景 1. 网站交互:jQuery广泛应用于...

    JQuery验证框架

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

    jquery-validation-1.8.0.zip

    jQuery Validation插件是Web开发中广泛使用的表单验证工具,尤其在构建用户交互丰富的网站时,它的存在大大提高了用户体验。本文将深入探讨jQuery Validation插件的1.8.0版本,通过解析其包含的文件和功能,来理解其...

    基于jquery的表单验证框架

    对于表单验证,我们主要利用jQuery选择器选取表单元素,并通过事件处理来实现验证逻辑。 ### 2. 表单验证需求 - **非空验证**:确保必填字段不为空。 - **格式验证**:检查输入数据是否符合特定格式,如邮箱、电话...

    jQuery.validationEngine表单验证中文版

    - 初始化:通过jQuery选择器选中需要验证的表单,调用`.validationEngine('attach')`方法来绑定验证引擎。 - 配置规则:在HTML表单元素上使用特定的属性(如`class="validate[required,custom[email]]"`)设定验证...

    各种JS验证的jquery框架库

    标题提到的"各种JS验证的jquery框架库"正是针对JavaScript验证功能的一种集合,这些库通常提供了一套完整的解决方案,帮助开发者实现表单验证、数据校验等需求,从而提高用户体验和网站安全性。 jQuery的核心特性...

    jquery1.4.js + jquery-validation.min.js

    4. **CSS选择器支持**:增加了对CSS3选择器的支持,如:nth-child()、:not()等,使得选择元素更加精确便捷。 二、jQuery Validation Plugin:强大的表单验证工具 jQuery Validation Plugin是jQuery的一个插件,专门...

    精通js脚本之jquery框架

    jQuery拥有丰富的插件生态,如用于表格排序的DataTables,图片轮播的Slick,或者表单验证的Validation插件。这些插件扩展了jQuery的功能,满足了各种复杂的网页需求。 **与现代JavaScript框架的对比** 虽然现代...

    jquery表单注册验证框架.zip

    在jQuery中,我们可以利用选择器快速定位到表单元素,例如`$("#myForm")`用于选取ID为"myForm"的表单。同时,jQuery提供了一系列事件,如`submit`(表单提交)、`focus`(元素获取焦点)和`change`(元素值改变),...

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

    ### (三、四)选择器及实用工具 (jQuery validation) 选择器和实用工具帮助开发者更精确地定位和处理验证元素。例如,可以使用`:required`选择器来找到所有必需的输入字段,或者使用`.error`类来操作验证失败的...

    jquery-validation 网页表单验证js

    7. **分组验证**:可以使用`:group`选择器对一组元素进行一次性验证,提高用户体验。 8. **远程验证**:对于需要服务器端验证的场景,可以使用`remote`验证方法,将值发送到服务器进行检查。 9. **非标准输入类型...

    实用的jQuery表单验证代码.rar_实用的jQuery表单验证代码

    1. **选择器与事件绑定**:jQuery的选择器语法简洁,可以轻松选取DOM元素。在表单验证中,我们可以使用`$('input[type=text]')`选取所有文本输入框,然后用`.on('keyup', function() {...})`监听键盘抬起事件,实时...

Global site tag (gtag.js) - Google Analytics