`
名曰蓝兮
  • 浏览: 1960 次
社区版块
存档分类
最新评论

EasyUI 自定义验证

阅读更多
一 自定义EasyUI验证,需要ajax请求后台接口,按照返回结果自定义提示问题
    1,ajax需要设置async参数为false,以便发送同步请求,接收返回值
    2,设置指定验证的message属性

见代码:

$.extend($.fn.validatebox.defaults.rules, {
            dateUnique: {
                validator: function (value) {
                    var response = $.ajax({
                        url: '',
                        data: {'key1': value, 'key2':'value2'},
                        async: false,
                        type: 'get'
                    }).responseText;
                    var obj = JSON.parse(response);
                    if (obj.success){
                        $.fn.validatebox.defaults.rules.dateUnique.message = "[" + obj.obj + "]已设置,不可重复";
                        return false;
                    } else {
                        return true;
                    }
                },
                message: ''
            }
        });


二 验证指定小数精度
   
见代码:
$.extend($.fn.validatebox.defaults.rules, {
            decimal: {
        validator: function (value, param) {
            var precision = param[0];
            var regStr = "^[0-9]+([.]{1}[0-9]{1,"+precision+"}){0,1}$";
            var reg = new RegExp(regStr);
            return reg.test(value);
        },
        message: '该字段接受最大精确到小数点后{0}位非负小数或整数.'
    }
});


调用:
<input class="easyui-textbox" data-options="prompt:'请输入价格',required:true,validType:['decimal[2]']">
分享到:
评论

相关推荐

    easyui 自定义验证方法

    jquery easyui validator 扩展自定义验证方法

    自定义jquery easyui 验证

    jQuery EasyUI 是一个基于 jQuery 的用户界面插件集合,它包含了一系列丰富的 UI 组件,并且支持自定义验证规则。本文将详细介绍如何自定义 jQuery EasyUI 的验证规则,并通过具体示例来说明各个验证规则的功能与...

    jquery easyui扩展js验证

    easyui扩展的js验证,是对easyUI没有的验证做的补充扩展,好用方便

    easyui validatebox验证类型

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

    EasyUi修改验证控件

    message: '自定义验证失败' } }); ``` 这段代码添加了一个名为 `custom_reg` 的验证规则,允许我们传入正则表达式作为参数进行匹配验证。在使用时,只需要在对应的 validatebox 中指定这个规则和对应的错误消息...

    easyui验证扩展

    此外,`required`属性用于设置是否必填,`onValid`和`onError`回调函数则可以自定义验证成功或失败后的处理。 二、extendvalidate.js扩展介绍 `extendvalidate.js`是EasyUI验证功能的一个扩展,它增加了更多定制化...

    EasyUI tutorial 中文版 chm

    easyUI自定义DataGrid分页栏 启用DataGrid行内编辑器 继承扩展DataGrid的editors easyUI在可编辑的datagrid中计算两列的值 easyUI合并DataGrid单元格 easyUI为datagrid创建自定义视图 easyUI datagrid...

    easyui验证框使用方法

    通过上述示例可以看出,EasyUI验证框提供了非常灵活且强大的验证功能,不仅支持基础的输入验证,还能根据需求自定义复杂的验证逻辑。开发者可以根据实际项目需求选择合适的验证方式,并通过简单的配置快速实现表单...

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

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

    如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上

    总之,解决EasyUI自定义标签datagrid edit combobox手动输入保存不上的问题,关键在于正确地利用`onEndEdit`事件,获取并处理用户在combobox中的输入。通过这种方式,可以确保用户的所有修改都能够被正确地保存,...

    jQuery+easyui validatebox 验证框

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

    结合easyui的用户验证

    EasyUI允许我们通过`rules`属性定义自定义验证规则,例如: ```html ``` 在这个例子中,我们为邮箱字段添加了一个`email`规则,它会使用内置的邮箱验证函数。 如果内置的验证规则无法满足需求,我们还可以扩展...

    Jquery Easyui自定义下拉框组件使用详解(21)

    JQuery Easyui是一款流行的前端框架,它通过JQuery的UI组件帮助用户快速实现网页的用户...开发者可以通过本文介绍的知识点和实例代码,快速掌握JQuery Easyui自定义下拉框组件的使用方法,并将其应用到实际的项目中去。

    EasyUi_validatebox 验证插件

    在EasyUI的众多组件中,`validatebox` 是一个非常实用的验证插件,主要用于表单验证,确保用户输入的数据符合预设的规则和格式。通过使用`validatebox`,开发者可以轻松实现各种常见的验证需求,如用户名、密码、...

    easyui扩展版本的插件

    1. **日期组件扩展**:原生的EasyUI日期选择器通常提供了基本的日历功能,但扩展版本可能包含了更多的自定义选项,如日期范围选择、时间选择、日期格式化等。这有助于用户更灵活地处理日期相关的输入和展示,提升...

    EasyUI中在表单提交之前进行验证

    另外,EasyUI还提供了自定义验证规则的功能。通过`$.extend($.fn.form.defaults.rules, {})`可以添加新的验证规则,或者重写已有的规则。这样可以根据项目的特定需求定制更复杂的验证逻辑。 总之,EasyUI提供的表单...

    Jqurey-easyui验证

    然而,有时内置的验证方式可能无法满足所有需求,这时可以自定义Ajax远程校验方法。这需要重写`$.fn.validatebox.defaults.rules`,添加一个新的验证规则。例如,创建一个名为`remote_user`的验证规则: ```...

    easyui validatebox验证

    本文将详细介绍easyui validatebox的使用方法和一些自定义验证规则的设置。 首先,easyui validatebox的基本使用方法是通过给输入框添加特定的属性来定义验证规则。例如,可以通过validType属性来指定输入框的验证...

Global site tag (gtag.js) - Google Analytics