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);
四、实用工具(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 + "'");
});
});
原文请见:http://docs.jquery.com/Plugins/Validation
--------------------------------------------------------------------------------------------------------------------------------------------------------------
分享到:
相关推荐
(三、四)选择器及实用工具 (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() {...})`监听键盘抬起事件,实时...