六、框架内建的验证方法( List of built-in Validation methods )
[1] required( ) 返回:Boolean
说明:让表单元素必须填写(选择)。
如果表单元素为空(text input)或未选择(radio/checkbox)或选择了一个空值(select)。
作用于text inputs, selects, checkboxes and radio buttons.
当select提供了一个空值选项<option value="">Choose...</option>则强迫用户去选择一个不为空的值。
Js代码
$("#myform").validate({
rules: {
fruit: "required"
}
});
[2] required( dependency-expression ) 返回:Boolean
参数 dependency-expression 类型:String 在form上下文中的一个表达式( String ),表单元素是否需要填写依赖于该表达式返回一个或多个元素。
说明:让表单元素必须填写(选择),依赖于参数的返回值。
表达式中像#foo:checked, #foo:filled, #foo:visible这样的选择过滤器将经常用到。
Js代码
$("#myform").validate({
rules: {
details: {
required: "#other:checked"
}
}, debug:true
});
$("#other").click(function() {
$("#details").valid();
});
[3] required( dependency-callback ) 返回:Boolean
参数 dependency-callback 类型:Callback 该回函数以待验证表单元素作为其唯一的参数。当该回调函数返回true,则该表单元素是必须的。
说明:让表单元素必须填写(选择),依赖于参数的返回值。
表达式中像#foo:checked, #foo:filled, #foo:visible这样的选择过滤器将经常用到。
Js代码
$("#myform").validate({
rules: {
age: {
required: true,
min: 3
},
parent: {
required: function(element) {
return $("#age").val() < 13;
}
}
}
});
$("#age").blur(function() {
$("#parent").valid();
});
[4] remote( options ) 返回:Boolean
参数 options 类型:String, Options 请求服务器端资源的url(String)。或$.ajax()方法中的选项(Options)。
说明:请求服务器端资源验证。
服务器端的资源通过$.ajax (XMLHttpRequest)获取key/value对,响应返回true则表单通过验证。
Js代码
$("#myform").validate({
rules: {
email: {
required: true,
email: true,
remote: "check-email.php"
}
}
});
[5] minlength( length ) 返回:Boolean
参数 length 类型:Integer 至少需要多少个字符数。
说明:确保表单元素满足给定的最小字符数。
在文本框(text input)中输入的字符太少、没有选中足够的复选框(checkbox)、一个选择框(select)中没有选中足够的选项。这以上三种情况中该方法返回false。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
minlength: 3
}
}
});
[6] maxlength( length ) 返回:Boolean
参数 length 类型:Integer 允许输入的最大字符数。
说明:确保表单元素的文本不超过给定的最大字符数。
在文本框(text input)中输入的字符太多、选择太多的复选框(checkbox)、一个选择框(select)中没有选中太多的选项。这以上三种情况中该方法返回false。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
maxlength: 4
}
}
});
[7] rangelength( range ) 返回:Boolean
参数 range 类型:Array<Integer> 允许输入的字符数范围。
说明:确保表单元素的文本字符数在给定的范围当中。
在文本框(text input)中输入的字符数不在给定范围内、选择的复选框(checkbox)不在给在的范围内、一个选择框(select)选中的选项不在给定的范围内。这以上三种情况中该方法返回false。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
rangelength: [2, 6]
}
}
});
[8] min( value ) 返回:Boolean
参数 value 类型:Integer 需要输入的最小整数。
说明:确保表单元素的值大于等于给定的最小整数。
该方法只在文本输入框(text input)下有效。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
min: 13
}
}
});
[9] max( value ) 返回:Boolean
参数 value 类型:Integer 给定的最大整数。
说明:确保表单元素的值小于等于给定的最大整数。
该方法只在文本输入框(text input)下有效。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
max: 23
}
}
});
[10] range( range ) 返回:Boolean
参数 range 类型:Array<Integer> 给定的整数范围。
说明:确保表单元素的值在给定的范围当中。
该方法只在文本输入框(text input)下有效。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
range: [13, 23]
}
}
});
[11] email( ) 返回:Boolean
说明:确保表单元素的值为一个有效的email地址。
如果值为一个有效的email地址,则返回true。该方法只在文本输入框(text input)下有效。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
email: true
}
}
});
[12] url( ) 返回:Boolean
说明:确保表单元素的值为一个有效的URL地址(http://www.mydomain.com)。
如果值为一个有效的url地址,则返回true。该方法只在文本输入框(text input)下有效。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
url: true
}
}
});
[13] date( ) dateISO( ) dateDE( ) 返回:Boolean
说明:用来验证有效的日期。这三个函数分别验证的日期格式为(mm/dd/yyyy)、(yyyy-mm-dd,yyyy/mm/dd)、(mm.dd.yyyy)。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
date: true
/*dateISO: true
dateDE: true*/
}
}
});
[14] number( ) numberDE() 返回:Boolean
说明:用来验证小数。number()的小数点为圆点( . ),numberDE()的小数点为英文逗号( , )。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
number: true
//numberDE: true
}
}
});
[15] digits() 返回:Boolean
说明:确保文本框中的值为数字。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
digits: true
}
}
});
[16] digits() 返回:Boolean
说明:确保文本框中的值为数字。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
digits: true
}
}
});
[17] accept( [extension] ) 返回:Boolean
参数 extension(Optional) 类型:String 允许的文件后缀名,用"|"或","分割。默认为"png|jpe?g|gif"
说明:确保表单元素接收给定的文件后缀名的文件。如果没有指定参数,则只有图片是允许的(png,jpeg,gif)。
Js代码
$("#myform").validate({
rules: {
field: {
required: true,
accept: "xls|csv"
}
}
});
[18] equalTo( other ) 返回:Boolean
参数 other 类型:Selector 要与当前值比较的另一个表单元素。
说明:确保两个表单元素的值是一致的。
Js代码
$("#myform").validate({
rules: {
password: "required",
password_again: {
equalTo: "#password"
}
}
});
jQuery相关内容:
相关推荐
jQuery验证框架jquery.validate.js说明文档 手册
jquery.validate Validation .js...(六)内置验证方法 (jQuery validation) 10 (七)注意事项 (jQuery validation) 16 (八)应用实例 (jQuery validation) 17 出处地址:http://koalaxyq.javaeye.com/blog/556633
jquery.validate Validation .js...(六)内置验证方法 (jQuery validation) 10 (七)注意事项 (jQuery validation) 16 (八)应用实例 (jQuery validation) 17 出处地址:http://koalaxyq.javaeye.com/blog/556633
JavaScript 模型的验证框架。 特征 各种各样的内置验证器。 与服务器端验证(即 rails、node)轻松集成 支持特定于类的验证。 通过Validity.RULES字典轻松添加新的站点范围的验证器。 适用于 jQuery 和 Angular....
JS框架:jquery-2.1.1、Bootstrap.js、JQuery UI CSS框架:Bootstrap v3.3.4(稳定是后台,UI方面根据需求自己升级改造吧)。 客户端验证:jQuery Validation Plugin 1.9.0。 在线编辑器:ckeditor、simditor ...
内置功能 用户管理 角色管理 菜单管理 字典管理 部门管理 附件管理 参数管理 连接池监视 日志管理 技术选型 1、后端 核心框架:Spring Framework 安全框架:Apache Shiro 视图框架:Spring MVC ...
JS框架:jQuery、CSS框架:Twitter Bootstrap、客户端验证:JQuery-html5Validate 富文本:KindEcitor、数据表格:jqGrid、树结构控件:jQuery zTree 弹出层:Layer、日期控件: LayDate、图表控件:echarts
客户端验证:jQuery Validation Plugin。 在线编辑器:ckeditor、simditor 上传文件:Uploadify 数据表格:jqGrid、Bootstrap Talbe 对话框:layer 页面布局:jquery.layout.js 图表插件:echarts、highcharts...
JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件BootStrap、EasyUI、JQueryUI 插件轮播 Django_...
本文提出了一种基于 SSM 框架的教务管理系统的解决方案。该教务管理系统旨在为学校管理人员提供...在该系统中,采用了前后端分离的架构,前端使用了 Bootstrap 和 jQuery 等前端框架,可以提升页面的性能和用户体验。
使用Materialize,jQuery,ParsleyJS的基本入门Web软件包。一个简单的主页,着陆页网格,联系表和产品卡。 该软件包使用 , 和了一个基本的应用。特征 请参阅以获取有关任务和设置的信息。 一些功能包括: CSS自动...
整个框架,除了jquery,没有依赖其他第三方类库; 2、绝不过度设计。简单、易学、易上手是这套框架对自己的定位。 3、从实战出发,提供了 cms/sns/forum 等大型系统的示例,经过了全面的实战检验;不像其他一些框架...
本文提出了一种基于 SSM 的民宿网站的解决方案。该网站旨在为用户提供预订民宿的服务。...在该系统中,采用了前后端分离的架构,前端使用了 Bootstrap 和 jQuery 等前端框架,可以提升页面的性能和用户体验。
IE9 +,FF,Opera,Chrome产品特点免费模板-您可以使用任何模板引擎,也可以根本不使用任何模板引擎MVC风格MVVM绑定(从视图到视图,从模型到视图,从视图到模型等) 内置收藏内置验证器易于定制适用于jQuery,...
6、身份验证和授权:Yii具有内置的身份验证支持。它也支持通过分层的基于角色的访问控制(RBAC)的授权。 7、主题:它能够瞬间改变一个Yii应用的视图。 8、Web服务:Yii支持自动生成复杂的WSDL服务规范和管理...
如果您正在寻找一个现代化、高效且易于扩展的开发框架,那么这个SpringBoot项目将是您的理想选择。 主要特点: 快速开发:SpringBoot通过自动配置和约定大于配置的原则,大大简化了项目设置和开发过程。 易于扩展...
10.1.1 内置验证控件简述 422 10.1.2 验证控件的工作机制解析 423 10.2 实现自定义验证控件 443 10.3 本章总结 451 第11章 在控件中使用嵌入资源 452 11.1 在控件中嵌入资源的原理 452 11.2 在控件中应用嵌入...
10.1.1 内置验证控件简述 422 10.1.2 验证控件的工作机制解析 423 10.2 实现自定义验证控件 443 10.3 本章总结 451 第11章 在控件中使用嵌入资源 452 11.1 在控件中嵌入资源的原理 452 11.2 在控件中应用嵌入...
10.1.1 内置验证控件简述 422 10.1.2 验证控件的工作机制解析 423 10.2 实现自定义验证控件 443 10.3 本章总结 451 第11章 在控件中使用嵌入资源 452 11.1 在控件中嵌入资源的原理 452 11.2 在控件中应用嵌入...
02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的应用 04 jqueryCSS操作之offsets,position以及scrolltop 05 jquery事件绑定与事件委托 06 jquery动画效果 07 jquery扩展与插件 08 jquery扩展补充 09...