easyui -validatebox 验证框加载

问题:

  easyui验证狂框有时会验证输入字符的位数,或者验证有效字符组合

解决:

  使用easyui的验证框,继承验证框,指定输入框为验证框即可

$(function(){
    $.extend($.fn.validatebox.defaults.rules, {
        haha: {
            validator: function(value){
                return  /^\d{6}$/.test(value) ;
            },
            message: ‘请输入6位数字‘
        },
        tao: {
            validator: function(value){
                return  /^\d{7}$/.test(value) ;
            },
            message: ‘请输入7位数字‘
        }
    });
});

使用方法:

<div style="margin-bottom:20px">
            <label class="label-top">地区编码:</label>
            <input class="easyui-textbox theme-textbox-radius easyui-validatebox"   style="width:80%"
                   value="" name="areaId" id="areaIdAdd"  prompt="地区编码(6位数字)"
                   data-options="required:true,validType:‘haha‘"
            />
        </div>
时间: 2024-10-29 19:08:18

easyui -validatebox 验证框加载的相关文章

表单(上)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

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

jQuery EasyUI API 中文文档 - ValidateBox验证框,使用jQuery EasyUI的朋友可以参考下. 用 $.fn.validatebox.defaults 重写了 defaults. 用法 代码如下: <input id="vv" required="true" validType="email"> 代码如下: $('#vv').validatebox({ required:true }); 验证规则 验

Jquery EasyUI 中ValidateBox验证框使用讲解

Validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效.如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息.该验证框可以结合form(表单)插件并防止表单重复提交. 使用$.fn.validatebox.defaults重写默认值对象. 具体用法如下: <input id="email" class="easyui-validatebox" data-options="required:true,val

ValidateBox( 验证框) 组件

本节课重点了解 EasyUI 中 ValidateBox(验证框)组件的使用方法,这个组件依赖于Tooltip(提示框)组件. 一. 加载方式//class 加载方式<input id="email" class="easyui-validatebox"data-options="required:true,validType:'email'" />//JS 加载调用$('#email').validatebox({required

easyui日期在未加载easyui-lang-zh_CN.js出现英文的情况下加载中文的方法

我们有时候在操作easyui的时候本来是加载了easyui-lang-zh_CN.js中文文件包,但是还是出现了英文.使得我们不得埋怨这框架咋这么不好用,其实我们仔细看看这个中文包就会发现里面很多都是重新修改了定义语言的参数.假如我们用jquery初始化加载方法$(function(){//这里是我们自定义的操作方法});这个方法里面的东西执行后发现更本没加载我们的中文下面是我写的datetimebox日期控件js代码: $(function () { function adddaytimes(

关于jQuery模态框加载完成的一点处理

$("#addFilter").bind("click",function(){ filter_operate="add"; clearData(); modalOpen({ title:'<s:text name="com.vrv.cems.policy.template.protocolFireWall.add"/>', id:"filterItem_window", height:$(wi

EasyUi的datagrid数据加载

今天用easyui的datagrid来加载数据,不是很顺利,根据捕捉的HTTP通信记录以及对easyui的跟踪发现加载数据需要满足下列几个要求: 1.datagrid通过url获取的必须是json格式的对象,不能是json字符串. 通过Fidder工具截获的数据必须是如下格式: {"total":1,"rows":[{"CouponSupplyId":280002,"ReceivedCount":0,"IsValid

自定义弹框加载方式

- (void)show { if ([UIApplication sharedApplication].keyWindow.rootViewController.navigationController) { [[UIApplication sharedApplication].keyWindow.rootViewController.navigationController.view addSubview:self]; }else{ [[UIApplication sharedApplica

【EasyUI学习-2】Easyui Tree的异步加载

作者:ssslinppp       1. 摘要 easyui相关的介绍可以上其官网或者百度去搜索,这里不做介绍. Easyui Tree的使用,官网或者easyui中文网站,也有相关介绍,但是官方提供的实例所使用的json是写死的,不是后台实时读取的.在实际的项目中,要显示的tree数据,一般都是从数据库中读取,然后通过通过ajax或者其他技术将tree的json数据发送到前台,然后显示. 本文将介绍easyui tree的异步加载,以及手动展开tree. 2. tree的相关介绍 上图是一个