`

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

 
阅读更多
原文  http://blog.csdn.net/pqszq1314/article/details/25896163

$.extend($.fn.validatebox.defaults.rules, {
        CHS: {
          validator: function (value, param) {
            return /^[\u0391-\uFFE5]+$/.test(value);
          },
          message: '请输入汉字'
        },
        english : {// 验证英语
              validator : function(value) {
                  return /^[A-Za-z]+$/i.test(value);
              },
              message : '请输入英文'
          },
          ip : {// 验证IP地址
              validator : function(value) {
                  return /\d+\.\d+\.\d+\.\d+/.test(value);
              },
              message : 'IP地址格式不正确'
          },
        ZIP: {
          validator: function (value, param) {
            return /^[0-9]\d{5}$/.test(value);
          },
          message: '邮政编码不存在'
        },
        QQ: {
          validator: function (value, param) {
            return /^[1-9]\d{4,10}$/.test(value);
          },
          message: 'QQ号码不正确'
        },
        mobile: {
          validator: function (value, param) {
            return /^(?:13\d|15\d|18\d)-?\d{5}(\d{3}|\*{3})$/.test(value);
          },
          message: '手机号码不正确'
        },
        tel:{
          validator:function(value,param){
            return /^(\d{3}-|\d{4}-)?(\d{8}|\d{7})?(-\d{1,6})?$/.test(value);
          },
          message:'电话号码不正确'
        },
        mobileAndTel: {
          validator: function (value, param) {
            return /(^([0\+]\d{2,3})\d{3,4}\-\d{3,8}$)|(^([0\+]\d{2,3})\d{3,4}\d{3,8}$)|(^([0\+]\d{2,3}){0,1}13\d{9}$)|(^\d{3,4}\d{3,8}$)|(^\d{3,4}\-\d{3,8}$)/.test(value);
          },
          message: '请正确输入电话号码'
        },
        number: {
          validator: function (value, param) {
            return /^[0-9]+.?[0-9]*$/.test(value);
          },
          message: '请输入数字'
        },
        money:{
          validator: function (value, param) {
           return (/^(([1-9]\d*)|\d)(\.\d{1,2})?$/).test(value);
           },
           message:'请输入正确的金额'

        },
        mone:{
          validator: function (value, param) {
           return (/^(([1-9]\d*)|\d)(\.\d{1,2})?$/).test(value);
           },
           message:'请输入整数或小数'

        },
        integer:{
          validator:function(value,param){
            return /^[+]?[1-9]\d*$/.test(value);
          },
          message: '请输入最小为1的整数'
        },
        integ:{
          validator:function(value,param){
            return /^[+]?[0-9]\d*$/.test(value);
          },
          message: '请输入整数'
        },
        range:{
          validator:function(value,param){
            if(/^[1-9]\d*$/.test(value)){
              return value >= param[0] && value <= param[1]
            }else{
              return false;
            }
          },
          message:'输入的数字在{0}到{1}之间'
        },
        minLength:{
          validator:function(value,param){
            return value.length >=param[0]
          },
          message:'至少输入{0}个字'
        },
        maxLength:{
          validator:function(value,param){
            return value.length<=param[0]
          },
          message:'最多{0}个字'
        },
        //select即选择框的验证
        selectValid:{
          validator:function(value,param){
            if(value == param[0]){
              return false;
            }else{
              return true ;
            }
          },
          message:'请选择'
        },
        idCode:{
          validator:function(value,param){
            return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value);
          },
          message: '请输入正确的身份证号'
        },
        loginName: {
          validator: function (value, param) {
            return /^[\u0391-\uFFE5\w]+$/.test(value);
          },
          message: '登录名称只允许汉字、英文字母、数字及下划线。'
        },
        equalTo: {
          validator: function (value, param) {
            return value == $(param[0]).val();
          },
          message: '两次输入的字符不一至'
        },
        englishOrNum : {// 只能输入英文和数字
              validator : function(value) {
                  return /^[a-zA-Z0-9_ ]{1,}$/.test(value);
              },
              message : '请输入英文、数字、下划线或者空格'
          },
         xiaoshu:{
            validator : function(value){
            return /^(([1-9]+)|([0-9]+\.[0-9]{1,2}))$/.test(value);
            },
            message : '最多保留两位小数!'   
        },
        ddPrice:{
        validator:function(value,param){
          if(/^[1-9]\d*$/.test(value)){
            return value >= param[0] && value <= param[1];
          }else{
            return false;
          }
        },
        message:'请输入1到100之间正整数'
      },
      jretailUpperLimit:{
        validator:function(value,param){
          if(/^[0-9]+([.]{1}[0-9]{1,2})?$/.test(value)){
            return parseFloat(value) > parseFloat(param[0]) && parseFloat(value) <= parseFloat(param[1]);
          }else{
            return false;
          }
        },
        message:'请输入0到100之间的最多俩位小数的数字'
      },
      rateCheck:{
        validator:function(value,param){
          if(/^[0-9]+([.]{1}[0-9]{1,2})?$/.test(value)){
            return parseFloat(value) > parseFloat(param[0]) && parseFloat(value) <= parseFloat(param[1]);
          }else{
            return false;
          }
        },
        message:'请输入0到1000之间的最多俩位小数的数字'
      }
      });
分享到:
评论

相关推荐

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

    4. 校验规则的扩展:EasyUI的validatebox默认提供了有限的校验规则,但可以通过扩展来添加更多自定义的校验规则。例如,可以添加对身份证号码、整数和合法数字的校验。 5. 自定义校验规则的实现:通过在validatebox...

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

    为了使用自定义的校验规则,需要在引入EasyUI的JavaScript文件之后,引入自定义规则的扩展文件。从而在运行时将自定义规则整合到validatebox组件中。 5. 使用自定义校验规则: 在HTML页面中,需要先引入EasyUI的...

    EasyUI可扩展Editable DataGrid(可编辑数据表格)

    同时,为了验证用户输入的数据,可以结合使用`onBeforeEdit`和`onAfterEdit`事件来进行数据校验。 此外,考虑到标签中提到了“源码”,这可能意味着你可以在博客链接(虽然这里给出的链接是无效的,但通常情况下,...

    Easyui-datagrid编辑模式详解

    除了自定义编辑器外,EasyUI 还允许扩展验证规则,以实现更复杂的验证逻辑。例如,实现一个规则以确保开始日期早于结束日期: ```javascript $.extend($.fn.validatebox.defaults.rules, { sdatecompare: { ...

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

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

    jquery EasyUI 1.4.3奇葩案例代码

    EasyUI的`form`组件支持内置验证规则,但也可以自定义验证函数,满足复杂业务场景下的数据校验需求。 #### 案例三:无限滚动的datagrid 在大数据量展示时,使用EasyUI的分页功能可能会导致性能问题。通过结合`...

    easyui validatebox验证

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

    jQuery EasyUI常用数据验证汇总

    开发者在使用validatebox组件时,可以通过扩展jQuery.fn.validatebox.defaults.rules对象,加入上述自定义验证规则。这在表单中可以很容易地应用于特定的输入字段,从而对用户的输入进行有效的校验。这样的实践不仅...

    Jquery插件easyUi实现表单验证示例

    在文章中提到,扩展validatebox的验证方法用于判断学号格式是否为数字,以及学号是否唯一,使用了正则表达式进行校验,如下: ```javascript number: { validator: function(value) { var reg = /^[0-9]*$/; ...

    详解Jquery Easyui的验证扩展

    通过上述提供的校验方法,开发者可以根据实际需求,在Jquery Easyui验证扩展中添加更多自定义的校验规则,以满足各种复杂的验证场景。需要注意的是,由于文档部分文字由OCR扫描出现识别错误或漏识别,因此在实际应用...

    easyUI1.3 中文之官方文档

    4. **表单验证**:EasyUI 提供了内置的表单验证功能,通过设置`rules`属性对输入字段进行校验,如必填、长度限制、格式检查等,提升用户体验并保证数据质量。 5. **对话框(Dialog)**:`dialog`组件是EasyUI中的...

    jquery-easyui-1.3.5 源码

    - **插件机制**:EasyUI 允许开发者通过扩展实现自定义功能,源码中的 `plugins` 目录通常包含一些可选插件的源码。 4. **学习与开发** - **API 文档**:了解每个组件的API是使用EasyUI的关键,这包括方法、属性...

    springMVC4.1+easyUI(单项目)

    拦截器允许开发者在请求处理前后添加自定义逻辑,例如权限验证、日志记录等。通过实现`HandlerInterceptor`接口并注册到SpringMVC配置中,可以实现这一功能。 7. **MVC注解驱动配置**: SpringMVC 4.1支持基于...

    JS版本EasyUI应用说明

    EasyUI的表单组件能够自动绑定数据,支持验证和提交。通过使用validateBox和validate方法,可以实现表单的数据校验,确保用户输入的有效性。 5. **布局(Layout)** 布局组件用于划分页面区域,支持垂直和水平分割...

    jQuery EasyUI 1.5.2 离线简体中文API文档(含开发工具包、皮肤、扩展、演示)

    反馈后我会将新内容加入,我不可能每次更新文档都将中文API和英文官网上的文档做一次1:1的校验,这样工作量太大,我也没那么多时间,所以感谢大家来一起帮忙完善! jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) ...

    jQuery EasyUi 验证功能实例解析

    EasyUi的验证功能不仅限于内置规则,还可以通过扩展`$.fn.validatebox.defaults.rules`来添加自定义验证规则。 ```javascript $.extend($.fn.validatebox.defaults.rules, { CHS: { validator: function(value) {...

    jQuery EasyUI

    - **表单验证**:内置了多种验证规则,如必填项检查、邮箱格式校验等。 - **格式化下拉框(ComboBox)**:可以自定义下拉框的样式和内容。 - **过滤下拉数据网格(ComboGrid)**:下拉框中可以显示一个可筛选的数据...

    easyui 1.4 离线 帮助 手册 文档

    此外,EasyUI 还有强大的主题定制功能,允许开发者根据需求自定义样式。同时,它与 jQuery UI 兼容,可以集成其他 jQuery 插件来扩展功能。 在压缩包中的 "jquery-easyui-EDT-1.4-build1" 文件很可能是 EasyUI 1.4 ...

    JS校验框架信息

    例如,可以通过引入`/js/public/validator-extend.js`文件来实现更多自定义验证规则或优化现有验证流程。此文件通常包含了额外的功能函数和配置选项,使得校验框架更加灵活和强大。 ### 示例应用 以一个简单的登录...

Global site tag (gtag.js) - Google Analytics