jgGrid中的editrules使用函数来进行验证
2015-11-11 19:27
246 查看
jgGrid中的editrules 用于设置一些用于可编辑列的colModel的额外属性,大多数的时候是用来在提交到服务器之前验证用户的输入合法性的。比如editrules:{edithidden:true, required:true....}。
可选的属性包括:
edithidden:只在Form Editing模式下有效,设置为true,就可以让隐藏字段也可以修改。
required:设置编辑的时候是否可以为空(是否是必须的)。
number:设置为true,如果输入值不是数字或者为空,则会报错。
integer:
minValue:
maxValue:
email:
url:检查是不是合法的URL地址。
date:
time:
custom:设置为true,则会通过一个自定义的js函数来验证。函数定义在custom_func中。
custom_func:传递给函数的值一个是需要验证value,另一个是定义在colModel中的name属性值。函数必须返回一个数组,一个是验证的结果,true或者false,另外一个是验证错误时候的提示字符串。形如[false,”Please enter valid value”]这样。
但是,关于custom_func的用法,网上给出的例子都不完整,让人看了一头雾水。这里给出一个完整的例子。
函数的作用是,判断是不是合法的手机号,如果是,则返回true,代码继续运行,如果否,则提示“不是完整的11位手机号或者正确的手机号格式”,jqgrid继续停留在编辑页面。
以下是custom_func返回false时的界面
可选的属性包括:
edithidden:只在Form Editing模式下有效,设置为true,就可以让隐藏字段也可以修改。
required:设置编辑的时候是否可以为空(是否是必须的)。
number:设置为true,如果输入值不是数字或者为空,则会报错。
integer:
minValue:
maxValue:
email:
url:检查是不是合法的URL地址。
date:
time:
custom:设置为true,则会通过一个自定义的js函数来验证。函数定义在custom_func中。
custom_func:传递给函数的值一个是需要验证value,另一个是定义在colModel中的name属性值。函数必须返回一个数组,一个是验证的结果,true或者false,另外一个是验证错误时候的提示字符串。形如[false,”Please enter valid value”]这样。
但是,关于custom_func的用法,网上给出的例子都不完整,让人看了一头雾水。这里给出一个完整的例子。
函数的作用是,判断是不是合法的手机号,如果是,则返回true,代码继续运行,如果否,则提示“不是完整的11位手机号或者正确的手机号格式”,jqgrid继续停留在编辑页面。
name : 'mobile', index : 'mobile', editable: true, editrules : {required : true}, editrules:{ required : false, custom:true, custom_func:function(value, colNames){ if(!(/^(1[3-9])\d{9}$/.test(value))){ return [false, "不是完整的11位手机号或者正确的手机号格式"]; }else{ return [true,""]; } }
以下是custom_func返回false时的界面
相关文章推荐
- 【凯子哥带你学Framework】Activity界面显示全解析
- ios 9.0 xcode 连接不识别,解决~
- 第三方登录
- Linux NPTL 是什么
- Tomcat
- numactl mongodb
- 初识Python的日子day1
- mysql+tomcat连接池配置
- 语音识别开源项目----CMU Sphinx介绍
- 《Android群英传》读书笔记
- DCMTK:单张jpg、bmp图像转dcm文件
- 《大型网站技术架构》读书笔记1
- 双十一了,总结一下前端学习收获及感触
- apply()和call()
- Java导出可运行jar文件
- WebRTC VideoEngine 本地Video数据处理-VideoCaptureInput
- 【Java并发编程实战】-----“J.U.C”:CountDownlatch
- 穷举算法解谜初探
- mysql 分组取第一条数据
- 四元数的插值