jgGrid中的editrules使用函数来进行验证
2016-09-19 12:09
148 查看
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继续停留在编辑页面。
----------------------------------------------------------------------------------------------------------------------------
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时的界面
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继续停留在编辑页面。
----------------------------------------------------------------------------------------------------------------------------
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时的界面
相关文章推荐
- jgGrid中的editrules使用函数来进行验证
- 如何:使用自定义函数对 ASP.NET 服务器控件进行验证
- 如何:使用自定义函数对 ASP.NET 服务器控件进行验证
- ASP.NET - 如何:使用自定义函数对 ASP.NET 服务器控件进行验证
- opencv中直方图均衡函数cv::equalizeHist()的使用!!严格用程序进行了验证!
- Django中使用def clean()函数对表单中的数据进行验证
- Google Maps API 2.0解析(18-GValidateKey进行api key验证的函数)
- 使用js脚本如何进行客户端验证时出现乱码怎么办?
- 使用正则表达式进行xml数据验证
- 使用正则表达式进行xml数据验证
- 如何使用JavaScript和正则表达式进行数据验证
- 使用RSA进行注册码验证--c#
- 使用表值函数进行通用查询
- ASP.NET 2.0 使用AJAX对用户名,Email进行验证
- 在IIS中使用Windows域服务器域摘要式身份验证对Web应用程序进行访问控
- 使用Microsoft CryptoAPI进行加密、解密、签名及验证
- 在JSF中使用Shale进行客户端验证
- RoR: Ruby On Rails 的 Web Service 2 使用before_invocation进行验证调用权限
- 如何在 Web 发布规则中使用证书进行 SSL 身份验证
- Struts中在使用DispatchAction时使用多个input,以及屏蔽不需要进行Form验证的方法