- 浏览: 53314 次
- 性别:
- 来自: 大连
最近访客 更多访客>>
最新评论
-
lovefly_zero:
很感谢你的文章 不过调整一下排版吧 冗余code太多了。
jQuery验证框架(六)内置验证方法 (jQuery validation) -
tomorrow009:
受交了~
RoR的部署方案选择
jQuery验证框架
三、定制的选择器(Custom Selectors)
[1] :blank 返回:Array<Element>
说明:匹配所有空值的表单元素。没有任何值或都空白符(whitespace)都被认为是空值。
它是由 jQuery.trim(value).length == 0 来判断的。
$("input:blank").css("background-color", "#bbbbff");
[2] :filled 返回:Array<Element>
说明:匹配所有不为空的表单元素。任何值都可以认为是已输入的,但只有空白符的值除外。
它是由 jQuery.trim(value).length > 0 来判断的。
$("input:filled").css("background-color", "#bbbbff");
[3] :unchecked 返回:Array<Element>
说明:匹配所有未选择的表单元素。反向操作为 :checked
- function countUnchecked() {
- var n = $("input:unchecked").length;
- $("div").text(n + (n == 1 ? " is" : " are") + " unchecked!");
- }
- countUnchecked();
- $(":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外的一个或多个参数都可以用来填充相应的占位符。
- $(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 + "'");
- });
- });
$(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验证框架(八)应用实例 (jQuery validation)
2010-05-17 16:28 1368jQuery验证框架 八、应用实例 [1] 验证页面 ... -
jQuery验证框架(七)注意事项 (jQuery validation)
2010-05-17 16:27 1273jQuery验证框架 七、注意事项 [1]复杂的name属性值 ... -
jQuery验证框架(六)内置验证方法 (jQuery validation)
2010-05-17 16:26 1112jQuery验证框架 六、框架内建的验证方法( List of ... -
jQuery验证框架(五)验证器 (jQuery validation)
2010-05-17 16:25 1452jQuery验证框架 五、验证器( Validator ) ... -
jQuery验证框架(二)插件方法 (jQuery validation)
2010-05-17 16:24 1209jQuery验证框架 二、插件方法( Plugin metho ... -
jQuery验证框架(一) 可选项 (jQuery validation)
2010-05-17 16:23 1491jQuery验证框架 Html代码 & ... -
Jquery属性(一) -- Attr
2010-05-17 16:22 1017属性 [1] attr( name ) Retur ... -
Jquery选择器(九) -- Form Filters
2010-05-17 16:22 882表单过滤器 [1] :enabled Return ... -
Jquery选择器(八) -- Forms
2010-05-17 16:21 758表单选择器 [1] :input Returns: ... -
Jquery选择器(七) -- Child Filters
2010-05-17 16:20 964子节点过滤器 [1] :nth-child(index/ev ... -
Jquery选择器(六) -- Attribute Filters
2010-05-17 16:20 969属性过滤器 注意:在jQuery1.3中,[@attr] 形式 ... -
Jquery选择器(五) -- Visibility Filters
2010-05-17 16:19 946可见性过滤器 [1] :hidden Return ... -
Jquery选择器(四) -- Content Filters
2010-05-17 16:19 741内容过滤器 [1] :contains(text) ... -
Jquery选择器(三) -- Basic Filters
2010-05-17 16:18 930基本过滤选择器 [1] :fi ... -
Jquery选择器(二)--Hierarchy
2010-05-17 16:17 834层级选择器 [1] ancestor descendant ... -
Jquery选择器(一) -- Basics
2010-05-17 16:17 700基本选择器 [1] #id Returns: Ar ... -
Jquery核心(三) Data
2010-05-17 16:16 799jQuery数据 [1] data( name ) ... -
Jquery核心(二) $(...) jQuery Object Accessors
2010-05-17 16:15 983jQuery对象访问器 [1] each( callback ... -
Jquery核心(一) $(...) The jQuery Function
2010-05-17 16:14 968jQuery核心 [1] jQuery( expression ...
相关推荐
(三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具(Utilities) 8 (五)验证器 (jQuery validation) 8 (六)内置验证方法 (jQuery validation) 10 (七)注意事项 (jQuery validation) 16 (八)应用...
总结来说,jQuery Validation是一个功能丰富的客户端验证工具,它提供了灵活性和定制性,能够帮助开发者构建用户体验良好的表单验证机制,确保用户输入的数据质量。通过理解并熟练运用上述知识点,可以高效地利用这...
#### 四、选择器及实用工具 除了基本的验证功能外,jQuery Validation Plugin 还提供了一些实用工具,帮助开发者更灵活地进行表单元素的选择和验证。 1. **选择器**: - **说明**:可以使用CSS选择器来指定哪些...
2. **初始化表单**:使用JavaScript或jQuery选择器找到表单元素,并调用`.formValidation()`方法进行初始化。 3. **配置验证规则**:在初始化时设置验证规则,指定哪些字段需要验证,以及它们应遵循的规则。 4. **...
(三、四)选择器及实用工具 框架内包含了一些与jQuery选择器类似的工具,用于更精确地定位和处理表单元素。例如,`$.fn.validate()`可以直接作用于一个表单元素,`$.validator.addMethod()`可以自定义验证方法。 ...
接着,通过简单的jQuery选择器,你可以为特定的表单启用验证: ```html <script src="path/to/jquery.js"> <script src="path/to/jquery.validate.js"> $(document).ready(function() { $("#myForm").validate()...
利用jQuery进行表单验证,可以利用其强大的选择器功能来定位表单元素,结合事件监听和自定义函数,轻松实现复杂的数据验证规则。 **插件特性** 1. **实时验证**:此插件支持实时验证,即在用户输入时即时检查数据...
jQuery Validation Plugin 是一个用于前端表单验证的强大工具,它为jQuery用户提供了方便快捷的方法来验证用户输入的数据,确保数据的准确性和完整性。这个插件能够帮助开发者创建用户友好、反馈及时的表单,提高...
4. jQuery Validation Plugin:用于表单验证,可自定义规则,确保用户输入的数据符合要求。 5. jQuery ScrollPath:创建自定义滚动动画的插件,提升用户体验。 三、jQuery的使用场景 1. 网站交互:jQuery广泛应用于...
#### 三、插件方法(jQueryvalidation) 除了上述的配置项外,JQuery验证框架还提供了一些插件方法来进一步增强其功能: 1. **`$.validator.addMethod(name, method, message)`**:用于向验证框架添加新的验证方法。...
jQuery Validation插件是Web开发中广泛使用的表单验证工具,尤其在构建用户交互丰富的网站时,它的存在大大提高了用户体验。本文将深入探讨jQuery Validation插件的1.8.0版本,通过解析其包含的文件和功能,来理解其...
对于表单验证,我们主要利用jQuery选择器选取表单元素,并通过事件处理来实现验证逻辑。 ### 2. 表单验证需求 - **非空验证**:确保必填字段不为空。 - **格式验证**:检查输入数据是否符合特定格式,如邮箱、电话...
- 初始化:通过jQuery选择器选中需要验证的表单,调用`.validationEngine('attach')`方法来绑定验证引擎。 - 配置规则:在HTML表单元素上使用特定的属性(如`class="validate[required,custom[email]]"`)设定验证...
标题提到的"各种JS验证的jquery框架库"正是针对JavaScript验证功能的一种集合,这些库通常提供了一套完整的解决方案,帮助开发者实现表单验证、数据校验等需求,从而提高用户体验和网站安全性。 jQuery的核心特性...
4. **CSS选择器支持**:增加了对CSS3选择器的支持,如:nth-child()、:not()等,使得选择元素更加精确便捷。 二、jQuery Validation Plugin:强大的表单验证工具 jQuery Validation Plugin是jQuery的一个插件,专门...
jQuery拥有丰富的插件生态,如用于表格排序的DataTables,图片轮播的Slick,或者表单验证的Validation插件。这些插件扩展了jQuery的功能,满足了各种复杂的网页需求。 **与现代JavaScript框架的对比** 虽然现代...
在jQuery中,我们可以利用选择器快速定位到表单元素,例如`$("#myForm")`用于选取ID为"myForm"的表单。同时,jQuery提供了一系列事件,如`submit`(表单提交)、`focus`(元素获取焦点)和`change`(元素值改变),...
### (三、四)选择器及实用工具 (jQuery validation) 选择器和实用工具帮助开发者更精确地定位和处理验证元素。例如,可以使用`:required`选择器来找到所有必需的输入字段,或者使用`.error`类来操作验证失败的...
7. **分组验证**:可以使用`:group`选择器对一组元素进行一次性验证,提高用户体验。 8. **远程验证**:对于需要服务器端验证的场景,可以使用`remote`验证方法,将值发送到服务器进行检查。 9. **非标准输入类型...
1. **选择器与事件绑定**:jQuery的选择器语法简洁,可以轻松选取DOM元素。在表单验证中,我们可以使用`$('input[type=text]')`选取所有文本输入框,然后用`.on('keyup', function() {...})`监听键盘抬起事件,实时...