jquery easyui的扩展验证

1.扩展通过$.extends($.fn.validatebox.defaults.rules,)扩展

       $.extend(
                $.fn.validatebox.defaults.rules,
                {
                    idcard : {// 验证身份证
                        validator : function(value) {
                            return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
                        },
                        message : ‘身份证号码格式不正确‘
                    },
                })

调用方法

<input class="easyui-validatebox" validType="idcard">

                          属性:

名称 类型 描述 默认值
required(必填) boolean(布尔型) 定义表单域必须填写。 false
validType(验证类型) string(字符串) 定义表单域的验证类型,比如:email, url等。 null
missingMessage(未填提示) string(字符串) 当表单域未填写时出现的提示信息。 This field is required.
invalidMessage(无效提示) string(字符串) 当表单域的内容被验证为无效时出现的提示。 null

时间: 2024-08-28 15:35:02

jquery easyui的扩展验证的相关文章

Jquery EasyUI 中ValidateBox验证框使用讲解

Validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效.如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息.该验证框可以结合form(表单)插件并防止表单重复提交. 使用$.fn.validatebox.defaults重写默认值对象. 具体用法如下: <input id="email" class="easyui-validatebox" data-options="required:true,val

jQuery EasyUI API 中文帮助文档和扩展实例

下载地址:jQuery EasyUI API 中文帮助文档 1.validatebox验证和提示框扩展: //弹框 $.extend({ show_alert: function (strTitle, strMsg) { $.messager.alert(strTitle, strMsg); } }); //扩展validatebox,添加验证 $.extend($.fn.validatebox.defaults.rules, { eqPwd: { validator: function (va

easyUI 验证控件应用、自定义、扩展验证 手机号码或电话话码格式

easyUI 验证控件应用.自定义.扩展验证 手机号码或电话话码格式 在API中   发现给的demo 中没有这个验证,所以就研究了下. 相关介绍省略,直接上代码吧! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-eq

Easyui的validatebox验证方法自定义扩展

由于easyui的validatebox本身提供的验证方法较少,故对其进行了自定义扩展. 1.新建一个js文件 —— extendValidateboxRules.js   ,内容如下: /** * auther by Highness * date : xxxx-xx-xx */ // 时间格式规范var regex_dateTime = /\d{4}\-\d{2}\-\d{2} \d{2}\:\d{2}:\d{2}/;//@author ren $.extend($.fn.validateb

jquery easyui 验证

今天工作的时候,遇到个比较简单的问题,就是验证问题.在jquery easyui里验证都是用正则表达式 写在一个公共的js里,这样在data-options里的validType[]调用就可以.但是今天却出事情了. 以前的项目模块当表单提交的时候都是调用公用方法domysave(),用了很久所以没注意里面具体是怎么调用的.今天写一个模块突然改变了传值的方式和后台传过来的数据模式也不一样,所以就得用api里的form 表单提交一点点写了: $('#ff').form('submit', { url

【Javascript】jQuery Validate扩展验证方法

/*****************************************************************jQuery Validate扩展验证方法*****************************************************************/// 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", function (value, element) { valu

EasyUI扩展验证

1.首先在jquery.easyui.min.js下最后插入下面代码 $.extend($.fn.validatebox.defaults.rules, { idcard : {// 验证身份证 validator : function(value) { return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value); }, message : '身份证号码格式不正确' }, minLength: { validator: function(value, pa

jQuery Validate扩展验证方法

/***************************************************************** jQuery Validate扩展验证方法 (linjq) *****************************************************************/ $(function(){ // 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", functio

Jquery Easyui框架中常用的验证

对于validatebox空间,验证其输入字符长度的最大值是否超出数据库中设置的字段长度.方法如下: 1 /** 2 * 验证输入字符长度 3 */ 4 $.extend($.fn.validatebox.defaults.rules, { 5 maxLength: { 6 validator: function(value, param){ 7 if(value.length >= param[0]) { 8 // showMsg("输入信息长度不能超过"+ param[0]