easyui验证

easyui中这些规则已经实现:

  • email:匹配E-Mail的正则表达式规则。
  • url:匹配URL的正则表达式规则。
  • length[0,100]:允许在x到x之间个字符。
  • remote[‘http://.../action.do‘,‘paramName‘]:发送ajax请求需要验证的值,当成功时返回true。

自定义验证规则:

            //自定义验证器
            $.extend($.fn.validatebox.defaults.rules, {
                midLength: {
                    validator: function(value, param){

                        return value.length >= param[0] && value.length <= param[1];
                    },
                    message: ‘‘
                },
                //验证手机
                mobile: {
                    validator: function (value) {
                        var reg = /^1[3|4|5|8|9]\d{9}$/;
                        return reg.test(value);
                    },
                    message: ‘输入手机号码格式不准确.‘
                },
                //只能输入中文
                CHS: {
                    validator: function (value) {
                        return /^[\u0391-\uFFE5]+$/.test(value);
                    },
                    message: ‘只能输入汉字!‘
                },
                //账号只能为字母数字下划线
                account: {
                    validator: function (value, param) {
                        if (value.length < param[0] || value.length > param[1]) {
                            $.fn.validatebox.defaults.rules.account.message = ‘用户名长度必须在‘ + param[0] + ‘至‘ + param[1] + ‘范围‘;
                            return false;
                        } else {
                            if (!/^[\w]+$/.test(value)) {
                                $.fn.validatebox.defaults.rules.account.message = ‘用户名只能数字、字母、下划线组成.‘;
                                return false;
                            } else {
                                return true;
                            }
                        }
                    }, message: ‘‘
                }

如果要用到多个验证(多验证规则验证一个字段在1.3.2或更高版本中才可以使用):

validType:[‘CHS‘,‘midLength[2,5]‘]

在引入文件时注意顺序

    <script type="text/javascript" src="../jquery-easyui-1.4.4/jquery.min.js" charset="utf-8"></script>
    <!--(指定编码方式,防止出现乱码)引入EasyUI中使用的Jquery版本-->
    <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.4/themes/default/easyui.css">
    <!--引入CSS样式  -->
    <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.4/themes/icon.css">
    <!--Icon引入-->
    <script type="text/javascript" src="../jquery-easyui-1.4.4/jquery.easyui.min.js" charset="utf-8"></script>
    <!--(指定编码方式,防止出现乱码)引入EasyUi文件-->
    <script type="text/javascript" src="../jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
    <!--汉化-->
时间: 2024-08-23 23:02:26

easyui验证的相关文章

EasyUI 验证框使用方法

使用过程中的一积累,备查. EasyUI 验证框使用方法://***************************missingMessage:未填写时显示的信息validType:验证类型见下示例invalidMessage:无效的数据类型时显示的信息required="true" 必填项class="easyui-validatebox" 文本验证class="easyui-numberbox" 数字验证******************

easyUi 验证组

EasyUI 验证框使用方法: missingMessage:未填写时显示的信息 validType:验证类型见下示例 invalidMessage:无效的数据类型时显示的信息 required="true" 必填项 class="easyui-validatebox" 文本验证 class="easyui-numberbox" 数字验证 验证长度 length[0,2] 0-到2 min="5.5" max="20

easyUI 验证控件应用、自定义、扩展验证 手机号码或电话话码格式

easyUI 验证控件应用.自定义.扩展验证 手机号码或电话话码格式 在API中   发现给的demo 中没有这个验证,所以就研究了下. 相关介绍省略,直接上代码吧! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-eq

EasyUI 验证

使用过程中的一积累,备查. EasyUI 验证框使用方法://***************************missingMessage:未填写时显示的信息validType:验证类型见下示例invalidMessage:无效的数据类型时显示的信息required="true" 必填项class="easyui-validatebox" 文本验证class="easyui-numberbox" 数字验证******************

jquery easyui 验证

今天工作的时候,遇到个比较简单的问题,就是验证问题.在jquery easyui里验证都是用正则表达式 写在一个公共的js里,这样在data-options里的validType[]调用就可以.但是今天却出事情了. 以前的项目模块当表单提交的时候都是调用公用方法domysave(),用了很久所以没注意里面具体是怎么调用的.今天写一个模块突然改变了传值的方式和后台传过来的数据模式也不一样,所以就得用api里的form 表单提交一点点写了: $('#ff').form('submit', { url

页面部分有些easyui验证控件没有小图标的解决办法

强制重写正面这个CSS就可以解决,注意图片路径为easyui的路径 .validatebox-invalid { background-image: url("/EasyUI/themes/metro/images/validatebox_warning.png") !important; background-position: right center !important; background-repeat: no-repeat !important; }

easyui 验证提示框的样式更改

打开 jquery.easyui.min.js 找到下图 就能改字体颜色.边框颜色.背景颜色 原文地址:https://www.cnblogs.com/paomoshi/p/8920359.html

easyUI验证动态清除与恢复

$.extend($.fn.validatebox.methods, {       remove: function(jq, newposition){           return jq.each(function(){               $(this).removeClass("validatebox-text validatebox-invalid").unbind('focus').unbind('blur');         });       },    

easyui表单多重验证,动态设置easyui控件

要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字 最终效果如下图: 但在做这个的过程中,遇到了一系列的问题: 扩展validatebox的验证方法,最开始的验证代码如下: 1 //学号格式只能为数字 ****//这里没有问题**** 2 number: {//value值为文本框中的值 3 validator: function (value) { 4 var reg = /^[0-9]*$/; 5 return reg.test(value);