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的值,强烈推荐为所有的其他编辑元素都设置这些值。

时间: 2024-09-29 14:03:10

jqGrid 表单验证规则参数介绍-EditRules的相关文章

jquery.validate.js使用之自定义表单验证规则

jquery.validate.js使用之自定义表单验证规则,下面列出了一些常用的验证法规则 jquery.validate.js演示查看 jquery validate强大的jquery表单验证插件 http://www.51xuediannao.com/js/jquery/jquery_validate/ ======================================================== //扩展验证规则 //邮箱 表单验证规则jQuery.validator.

layui修改表单验证规则

使用layui的表单验证form.js,一旦添加验证,例如 lay-verify="phone".lay-verify="email" 就会要求必填,然而很多时候我的要求是可以不填,但是填写就需要按照规则来填写,因此原生的form.js提供的验证方法已不能满足要求,我们需要实现这样的功能就需要自己实现,我们只需要修改layui下面的form.js在对应的正则表达式"/"后面加上'(^$)|'即可,如: verify: { required: [/

Element表单验证规则

一.简单的逻辑验证使用方法: 方法步骤: 1.在html中给el-form增加 :rules="rules" 2.html中在el-form-item 中增加属性 prop="名称" 3.js中直接在data中定义rules:{} 在html中的写法: <el-form ref="formData" :rules="rules" :model="formData" label-width="

YII 表单验证规则大全

<?php class ContactForm extends CFormModel { public $_id; public $contact;//联系人 public $tel;//电话 public $fax;//传真 public $zipcode;//邮编 public $addr;//地址 public $mobile;//手机 public $email;//邮箱 public $website;//网址 public $qq;//QQ public $msn;//MSN pub

jquery.validate.js之自定义表单验证规则

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <script type="text/javascript" src="jquery-1.8.3.js"></script> 5 <script type="text/jav

vue + element 实现登录注册(自定义表单验证规则)

注册页包含手机验证码登录和密码的二次验证. 效果如下: 实现代码: <template> <div> <div class="register-wrapper"> <div id="register"> <p class="title">注册</p> <el-form :model="ruleForm2" status-icon :rules=&qu

php之表单-2(表单验证)

PHP 表单验证 本章节我们将介绍如何使用PHP验证客户端提交的表单数据. PHP 表单验证 在处理PHP表单时我们需要考虑安全性. 本章节我们将展示PHP表单数据安全处理,为了防止黑客及垃圾信息我们需要对表单进行数据安全验证. 在本章节介绍的HTML表单中包含以下输入字段: 必须与可选文本字段,单选按钮,及提交按钮: 查看代码 » 上述表单验证规则如下: 字段 验证规则 名字 必须. +只能包含字母和空格 E-mail 必须. + 必须是一个有效的电子邮件地址(包含'@'和'.') 网址 必须

element-ui Form表单验证

element-ui Form表单验证规则全解 element的form表单非常好用,自带了验证规则,用起来很方便,官网给的案例对于一些普通场景完全没问题,不过一些复杂场景的验证还得自己多看文档摸索,自己经过数次爬坑 之后,总结了几种form表单的验证规则,为了便于阅读,验证规则是拆分的,完整的代码放在文末 1. 普通输入验证 <el-form-item label="活动名称" prop="name"> <!-- validate-event属性

Python菜鸟之路:Django 表单验证

前言 Django中完成表单验证,常用的有两种方法: 一种是通过HTML + JS + Ajax实现. 另一种是通过Django自身的forms模块来生成相应个HTML标签来完成表单验证.这是本节着重讲的地方 第一种方法:html + ajax实现基本的login页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>