首页 > 代码库 > EasyUI-validatebox 自定义validType验证

EasyUI-validatebox 自定义validType验证

2024-07-13 15:30:55   229人阅读

根据项目要求，对于一些信息的验证也越来越特殊，当你发现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>


联系
我们