WEB前端-jqGrid表单验证规则参数介绍-EditRules

 colModel : [

{name:'id',index:'id',width:55,editable:false,editoptions:{readonly:true,size:10}},

{name:'invdate',index:'invdate',width:80,editable:true,editrules:{required:true}}

]

editrules,是作为jqGrid提供的表单验证的规则,类似正则表达式。

参数介绍:

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”]这样。

自定义验证DEMO

formoptions(只在Form Editing方式下有效),他的主要作用是用来重新排序Form中的编辑元素,同时可以在编辑元素前或者编辑元素后增加一些信息(比如,一些提示信息,或者一个红色的*表示必须要填写等等)。

可选的属性如下:

elmprefix:字符串值,如果设置了,则会在编辑框之后出现一些内容(可能是HTML的内容)

elmsuffix:字符串值,如果设置了,则会在编辑框之前出现一些内容(可能是HTML的内容)

label:字符串值,如果设置了,则这个值会替换掉colNames中的值出现作为该编辑框的标签显示

rowpos:数字值,决定元素行在Form中的位置(相对于文本标签again with the text-label)

colpos:数字值,决定元素列在Form中的位置(相对于标签again with the label)

两个编辑框可以有相同的rowpos值,但是colpos值不同,这会把这两个编辑框放到Form的同一行中。

特别注意:如果设置了rowpos以及colpos的值,强烈推荐为所有的其他编辑元素都设置这些值。

 

 

俊霖

发表评论

您必须