zoukankan      html  css  js  c++  java
  • jgGrid中的editrules使用函数来进行验证

    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时的界面

  • 相关阅读:
    序列&权限&索引&视图的语句
    currval &nextval的差异理解
    数据库表的创建、修改、清空、数据的插入、更新、删除 语句
    数据库(日期、字符大小写控制、转换)函数
    数据库的相关语句(where,order by)
    多线程的两种方法(卖票系统展示)
    杨辉三角的几种方法
    网络编程的基础代码
    文件的复制(逐字节/整体)
    gui小计算器的程序写法
  • 原文地址:https://www.cnblogs.com/zhmhhu/p/5867144.html
Copyright © 2011-2022 走看看