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”]这样。
    自定义验证的例子:

    <script>
        function mypricecheck(value, colname) {
        if (value < 0 && value >20) 
           return [false,"Please enter value between 0 and 20"];
        else 
           return [true,""];
        }
正则表达式

        jQuery("#grid_id").jqGrid({
        ...
           colModel: [ 
              ... 
              {name:'price', ..., editrules:{custom:true, custom_func:mypricecheck....}, editable:true },
              ...
           ]
        ...
        });
    </script>   
数组

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的值,强烈推荐为全部的其余编辑元素都设置这些值。
函数

相关文章
相关标签/搜索