EasyUI-validatebox 自定义validType验证

根据项目要求,对于一些信息的验证也越来越特殊,当你发现EasyUI-validatebox提供的常用的validType验证类型已经满足不了你时,你可以选择自己自定义新的validType来完成信息验证

一:自定义新的validType需要重新$.fn.validatebox.defaults.rules 来实现

        $(function () {
            $.extend($.fn.validatebox.defaults.rules, {
                phone: {
                    validator: function (value) {
                        return/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/i.test($.trim(value));             },             message: ‘联系电话格式错误.‘ } });

         $.extend($.fn.validatebox.defaults.rules, {
                 minLength: {
                      validator: function(value, param){
                          return value.length >= param[0];
                      },
                      message: ‘请输入最小{0}位字符.‘
                  }
              });   

        })

phone:新自定义的验证类型名称

value:需要验证的值

param:使用此规则时存入的参数

二:使用方法

<asp:TextBox ID="TelephoneNumber" class="easyui-validatebox reg-input" data-options="required:true,validType:[‘phone‘]" runat="server"></asp:TextBox>

EasyUI-validatebox 自定义validType验证

时间: 2024-10-14 07:09:40

EasyUI-validatebox 自定义validType验证的相关文章

EasyUI validatebox 自定义ajax验证用户名是否已存在

<td><input type="text" id="userName" name="userName" class="easyui-validatebox" validType="userName[6,30]" required="true"/></td> JS $.extend($.fn.validatebox.defaults.rules, {

easyui validatebox 验证类型

2013-06-05 10:58 18426人阅读 评论(5) 收藏 举报 easyuiValidateBox required: "必选字段",        remote: "请修正该字段",        email: "请输入正确格式的电子邮件",        url: "请输入合法的网址",        date: "请输入合法的日期",        dateISO: "请输入合法

EasyUI 扩展自定义EasyUI校验规则 验证规则(常用的)

例如 校验输入框只能录入0-1000之间 最多有2位小数的数字 表单<input type="text" id="rate" name="rate" required="true" class="easyui-validatebox"  validType="rateCheck[0,1000]"  maxlength="6" /> $.extend($.f

表单(上)EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树

EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等.当提交表单时,调用 'validate' 方法来检查表单是否有效. 用法 创建一个简单的 HTML 表单.构建表单并给 id.action.method 赋值. <form id="ff" method="post"> <div> <lab

扩展easyui validatebox的两个方法.移除验证和还原验证

[javascript] view plaincopy $.extend($.fn.validatebox.methods, { remove: function(jq, newposition){ return jq.each(function(){ $(this).removeClass("validatebox-text validatebox-invalid").unbind('focus.validatebox').unbind('blur.validatebox'); })

为easyui添加多条件验证

easyui的验证框架,validatebox不能有效的支持多个条件的验证,比如中文用户名,既要验证其是中文,又要验证其长度不超过6位时便显得很繁琐,需要反复的为easyui添加验证规则. 在此实现一个多个条件验证的验证规则,使验证规则通过参数传入自定义的验证规则中. 首先为easyui添加两个验证规则,即验证中文,和长度的规则. $.extend( $.fn.validatebox.defaults.rules,{ length : {//验证长度 validator : function(v

easyui 之表单验证

1 /** 2 * 扩展easyui的validator插件rules,支持更多类型验证 3 */ 4 $.extend($.fn.validatebox.defaults.rules, { 5 minLength : { // 判断最小长度 6 validator : function(value, param) { 7 return value.length >= param[0]; 8 }, 9 message : '最少输入 {0} 个字符' 10 }, 11 length : { //

easyui中的基本验证大全

/** * 扩展easyui的validator插件rules,支持更多类型验证 */ $.extend($.fn.validatebox.defaults.rules, { minLength : { // 判断最小长度 validator : function(value, param) { return value.length >= param[0]; }, message : '最少输入 {0} 个字符' }, length : { // 长度 validator : function

Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个

(function ($) { $.messageBox = function (message) { $.messager.show({ title:'消息框提示', msg:message, showType:'show' }); }; /** * 获取时间区间 * @param type 1:当年的一月一日到现在:type 2:获取当月的第一天和最后一天 * return {startTime:xxxx,endTime:xxxx} */ $.getTimeInterval = functi