`
IT_Dodo
  • 浏览: 13600 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

easyui validatebox 自定义扩展

    博客分类:
  • js
阅读更多
// 校验规则扩展
    $.extend($.fn.validatebox.defaults.rules, {
        ordChars : {
            validator : function(value, param) {
                return /^\w*$/.test(value);
            },
            message : '请输入英文字母、数字、或者下划线'
        }
    });
    $.extend($.fn.validatebox.defaults.rules, {
        anyButSensitive : {
            validator : function(value, param) {
                return isSensitive(value);
            },
            message : '不可输入敏感字符如尖括号、百分号等'
        }
    });
    
    function isSensitive(value) {
        return /^[^%<>&]*$/.test(value);
    }
    
    $.extend($.fn.validatebox.defaults.rules, {
        noSensitive : {
            validator : function(value, param) {
                var match = /^[^\u0391-\uFFE5]+$/.test(value);
                if (match) {
                    match = isSensitive(value);
                }
                return match;
            },
            message : '请输入非中文的普通字符,不可是敏感字符如尖括号、百分号等'
        }
    });
    $.extend($.fn.validatebox.defaults.rules, {
        noChinese : {
            validator : function(value, param) {
                return /^[^\u0391-\uFFE5]+$/.test(value);
            },
            message : '请不要输入中文字符'
        }
    });
    $.extend($.fn.validatebox.defaults.rules, {
        mobile : {
            validator : function(value, param) {
                var length = value.length;
                var mobile = /^1[3|5|7|8][0-9]{9}$/;
                return length >= 11 && mobile.test(value);
            },
            message : '请输入11位手机号码'
        }
    });
    $.extend($.fn.validatebox.defaults.rules, {
        tele : {
            validator : function(value, param) {
                return /^\d{3,4}-?\d{7,9}$/.test(value);
            },
            message : '请输入电话号码,示例0735-12345678'
        }
    });
    $.extend($.fn.validatebox.defaults.rules, {
        equalTo : {
            validator : function(value, param) {
                return $(param[0]).val() == value;
            },
            message : '输入值与预期值不相同'
        }
    });
    $.extend($.fn.validatebox.defaults.rules, {
        comboboxRequired : {
            validator : function(value, param) {
                return $(param[0]).combobox('getValue') != '';
            },
            message : 该输入项为必输项
        }
    });
    //自定义正则表达式
    $.extend($.fn.validatebox.defaults.rules, {
        patternMatcher : {
            validator : function(value, param) {
                var regParam = new RegExp(param[0]);
                return regParam.test(value);
            },
            message : "{1}"
        }
    });

 

分享到:
评论

相关推荐

    easyui validatebox验证类型

    ValidateBox 也允许用户自定义验证规则,例如可以使用 jQuery 的 extend 方法来扩展 ValidateBox 的规则,例如可以添加身份证号码、电话号码、手机号码等验证规则。 EasyUI 的 ValidateBox 验证组件提供了多种类型...

    jQuery+easyui validatebox 验证框

    4. **自定义验证规则**:除了内置的验证规则外,你还可以通过扩展jQuery validatebox插件来创建自定义验证规则。例如,定义一个检查邮箱格式的验证规则: ```javascript $.extend($.fn.validatebox.defaults.rules,...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    7. 使用自定义校验规则:要使用自定义的校验规则,需要在HTML中引入EasyUI库和自定义扩展文件。扩展文件应该在引入EasyUI库之后引入,以保证自定义规则可以被正确加载和使用。在HTML元素中使用validatebox时,需要...

    easyui validatebox验证

    最后,自定义的validator.js文件提供了一个扩展easyui表单验证的方式。通过使用jQuery的extend方法,可以将自定义验证规则添加到$.fn.validatebox.defaults.rules对象中,以便在不同的输入框中复用这些验证规则。...

    Jquery Easyui验证组件ValidateBox使用详解(20)

    通过以上内容,我们可以看到`Jquery Easyui`的验证组件`ValidateBox`不仅提供了丰富的内置验证类型,还支持自定义验证规则,使得我们可以根据项目需求灵活地进行表单验证。这大大简化了前端数据验证的工作,提升了...

    jQuery EasyUI API 中文文档 - ValidateBox验证框

    综上所述,jQuery EasyUI 的 ValidateBox 组件为开发者提供了强大的表单验证功能,不仅可以实现基本的必填和格式验证,还能通过自定义规则和 AJAX 验证来满足更复杂的需求。通过灵活地配置属性和扩展验证规则,...

    自定义jquery easyui 验证

    自定义验证规则是通过扩展 `$.fn.validatebox.defaults.rules` 对象实现的。在这个对象中,可以添加新的验证规则或覆盖已有的规则。每个验证规则都包括两个主要部分:`validator` 函数和 `message` 提示信息。 - **...

    easyui验证扩展

    《EasyUI验证扩展详解》 在Web开发中,数据验证是不可或缺的一环,它确保了用户输入的有效性和系统的稳定性。EasyUI,一个基于jQuery的UI框架,提供了丰富的组件和便捷的验证功能。本文将深入探讨“EasyUI验证扩展...

    EasyUi修改验证控件

    除了这两个问题,我们还可以进一步扩展 EasyUI validatebox 的功能以适应更多的验证需求。例如,通过自定义规则来实现更复杂的验证逻辑: ```javascript $.extend($.fn.validatebox.defaults.rules, { custom_reg:...

    easyui关于validatebox实现多重规则验证的方法(必看)

    对于1.5版本的EasyUI,如果默认的多重验证方式无法满足需求,可以通过自定义扩展验证规则来实现。但是,这种方法可能存在一些问题,例如,可能会导致第二个验证消息不显示。下面是修改代码的示例: ```javascript /...

    jQuery EasyUI 扩展(tip和form)

    总之,jQuery EasyUI 提供的 Tip 和 Form 扩展功能是前端开发的重要工具,它们简化了 UI 构建和用户交互的设计,同时也为开发者提供了丰富的自定义选项,以满足多样化的项目需求。通过深入学习和实践,你可以充分...

    jQuery插件EasyUI校验规则 validatebox验证框

    在HTML页面中,需要先引入EasyUI的相关JavaScript和CSS文件,然后在页面的标签内编写自定义的JavaScript函数,扩展validatebox的校验规则,并确保在表单元素中使用validatebox,并通过指定规则来触发校验功能。...

    JQuery easyUI扩展验证机制的正则表达式

    在JQuery easyUI中,可以通过`.extend()`方法对`$.fn.validatebox.defaults.rules`对象进行扩展,添加自定义的验证规则。下面将逐一介绍文档中给出的一些典型验证规则及其正则表达式的实现方式。 #### 三、具体验证...

    jquery-Easyui引用与例子

    EasyUI 允许开发者自定义组件样式,可以通过修改 CSS 或创建新的主题来达到个性化需求。同时,也可以通过扩展 JavaScript 插件来增加新的功能或改进现有组件。 ### 5. 与其他技术结合 jQuery EasyUI 可以与后端...

    jquery-easyui

    &lt;input type="password" id="password" name="password" class="easyui-validatebox" data-options="required:true,validType:'length[6,16]'"&gt; ``` 表单验证可以通过 JavaScript 进行: ```javascript $('#ff'...

    easyui验证框使用方法

    - **解释**:通过扩展EasyUI的验证规则,实现了两个日期之间的比较。`validType="TimeCheck['s1']"`表示`name="s2"`的输入框中的日期不能早于`name="s1"`中的日期。 #### 四、整体表单验证 - **代码示例**: ```...

    jQuery EasyUI 1.4 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    menu:添加“duration”属性 该属性允许用户自定义隐藏菜单动画的持续时间 以毫秒为单位; validatebox:添加“onBeforeValidate”和“onValidate”事件; combo:从该版本开始combo组件扩展自textbox组件...

    jquery.easyui.patch.js

    为了解决这个问题,我们可以编写一个补丁脚本,即`jquery.easyui.patch.js`,对EasyUI的源代码进行修改或扩展。这个补丁文件的作用是扩展`validatebox`的验证规则,允许在输入框中输入小数点。具体实现可能包括以下...

    jquery easyui 模板

    - **自定义主题**:EasyUI 提供了主题生成工具,允许开发者根据品牌风格定制自己的 UI 设计。 - **插件扩展**:除了核心组件外,社区还提供了许多第三方插件,如拖放排序、图表、富文本编辑器等。 - **Ajax 数据绑定...

Global site tag (gtag.js) - Google Analytics