easyui_验证扩展

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了easyui_验证扩展，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6633字，纯文字阅读大概需要10分钟。

内容图文

本文为转载，并非原创

             easyui validatebox 验证类型
分类： jquery-easyUI 2013-06-0510:58 11000人阅读 评论(2) 收藏 举报
easyuiValidateBox
required: "必选字段",
        remote: "请修正该字段",
        email: "请输入正确格式的电子邮件",
        url: "请输入合法的网址",
        date: "请输入合法的日期",
        dateISO: "请输入合法的日期 (ISO).",
        number: "请输入合法的数字",
        digits: "只能输入整数",
        creditcard: "请输入合法的信用卡号",
        equalTo: "请再次输入相同的值",
        accept: "请输入拥有合法后缀名的字符串",
        maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
        minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
        rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
        range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
        max: jQuery.format("请输入一个最大为 {0} 的值"),
        min: jQuery.format("请输入一个最小为 {0} 的值")

data-options="required:true,validType:‘length[1,3]‘" ;//输入字符长度1-3位
boolen b=$(‘#txt_Name‘).validatebox("isValid");//验证结果 注意日期格式验证必须自己重写，参考如下

 $.extend($.fn.validatebox.defaults.rules, {
            idcard: {// 验证身份证                validator: function (value) {
                    return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
                },
                message: ‘身份证号码格式不正确‘
            },
            minLength: {
                validator: function (value, param) {
                    return value.length >= param[0];
                },
                message: ‘请输入至少（2）个字符.‘
            },
            length: { validator: function (value, param) {
                var len = $.trim(value).length;
                return len >= param[0] && len <= param[1];
            },
                message: "输入内容长度必须介于{0}和{1}之间."
            },
            phone: {// 验证电话号码                validator: function (value) {
                    return /^((\d2,3)|(\d{3}\-))?(0\d2,3|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
                },
                message: ‘格式不正确,请使用下面格式:020-88888888‘
            },
            mobile: {// 验证手机号码                validator: function (value) {
                    return /^(13|15|18)\d{9}$/i.test(value);
                },
                message: ‘手机号码格式不正确‘
            },
            intOrFloat: {// 验证整数或小数                validator: function (value) {
                    return /^\d+(\.\d+)?$/i.test(value);
                },
                message: ‘请输入数字，并确保格式正确‘
            },
            currency: {// 验证货币                validator: function (value) {
                    return /^\d+(\.\d+)?$/i.test(value);
                },
                message: ‘货币格式不正确‘
            },
            qq: {// 验证QQ,从10000开始                validator: function (value) {
                    return /^[1-9]\d{4,9}$/i.test(value);
                },
                message: ‘QQ号码格式不正确‘
            },
            integer: {// 验证整数 可正负数                validator: function (value) {
                    //return /^[+]?[1-9]+\d*$/i.test(value);return /^([+]?[0-9])|([-]?[0-9])+\d*$/i.test(value);
                },
                message: ‘请输入整数‘
            },
            age: {// 验证年龄                validator: function (value) {
                    return /^(?:[1-9][0-9]?|1[01][0-9]|120)$/i.test(value);
                },
                message: ‘年龄必须是0到120之间的整数‘
            },

            chinese: {// 验证中文                validator: function (value) {
                    return /^[\Α-\￥]+$/i.test(value);
                },
                message: ‘请输入中文‘
            },
            english: {// 验证英语                validator: function (value) {
                    return /^[A-Za-z]+$/i.test(value);
                },
                message: ‘请输入英文‘
            },
            unnormal: {// 验证是否包含空格和非法字符                validator: function (value) {
                    return /.+/i.test(value);
                },
                message: ‘输入值不能为空和包含其他非法字符‘
            },
            username: {// 验证用户名                validator: function (value) {
                    return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
                },
                message: ‘用户名不合法（字母开头，允许6-16字节，允许字母数字下划线）‘
            },
            faxno: {// 验证传真                validator: function (value) {
                    //            return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);return /^((\d2,3)|(\d{3}\-))?(0\d2,3|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
                },
                message: ‘传真号码不正确‘
            },
            zip: {// 验证邮政编码                validator: function (value) {
                    return /^[1-9]\d{5}$/i.test(value);
                },
                message: ‘邮政编码格式不正确‘
            },
            ip: {// 验证IP地址                validator: function (value) {
                    return /d+.d+.d+.d+/i.test(value);
                },
                message: ‘IP地址格式不正确‘
            },
            name: {// 验证姓名，可以是中文或英文                validator: function (value) {
                    return /^[\Α-\￥]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
                },
                message: ‘请输入姓名‘
            },
            date: {// 验证姓名，可以是中文或英文                validator: function (value) {
                    //格式yyyy-MM-dd或yyyy-M-dreturn /^(?:(?!0000)[0-9]{4}([-]?)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-]?)0?2\2(?:29))$/i.test(value);
                },
                message: ‘清输入合适的日期格式‘
            },
            msn: {
                validator: function (value) {
                    return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
                },
                message: ‘请输入有效的msn账号(例：abc@hotnail(msn/live).com)‘
            },
            same: {
                validator: function (value, param) {
                    if ($("#" + param[0]).val() != "" && value != "") {
                        return $("#" + param[0]).val() == value;
                    } else {
                        returntrue;
                    }
                },
                message: ‘两次输入的密码不一致！‘
            }
        });

//验证实例

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="easyui1.2.4/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
    <!--自定义验证-->
    <script src="easyui1.2.4/validator.js" type="text/javascript"></script>
    <link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <script>

        $（function （） {
            
            //设置text须要验证
            $（""input[type=text]""）.validatebox（）;
        }）
    
    </script>
</head>
<body>
    邮箱验证：<input type="text" validtype="email" required="true" missingMessage="不克不及为空" invalidMessage="邮箱格局不正确" /><br />
    网址验证：<input type="text" validtype="url" invalidMessage="url格局不正确[http://www.example.com]" /><br />
    长度验证：<input type="text" validtype="length[8，20]" invalidMessage="有效长度8-20" /><br />
    手机验证：<input type="text" validtype="mobile"  /><br />
    邮编验证：<input type="text" validtype="zipcode" /><br />
    账号验证：<input type="text" validtype="account[8，20]" /><br />
    汉子验证：<input type="text" validtype="CHS" /><br />
    长途验证：<input type="text" validtype="remote[""checkname.aspx""，""name""]" invalidMessage="用户名已存在"/>
</body>
</html>
　

 

 

本身写的validator.js

 

 

//扩大easyui表单的验证$.extend（$.fn.validatebox.defaults.rules， {
    //验证汉子    CHS: {
        validator: function （value） {
            return /^[\u0391-\uFFE5]+$/.test（value）;
        }，
        message: ""只能输入汉字""
    }，
    //移下手机号码验证
    mobile: {//value值为文本框中的值        validator: function （value） {
            var reg = /^1[3|4|5|8|9]\d{9}$/;
            return reg.test（value）;
        }，
        message: ""输入手机号码格局不正确.""
    }，
    //国内邮编验证    zipcode: {
        validator: function （value） {
            var reg = /^[1-9]\d{5}$/;
            return reg.test（value）;
        }，
        message: ""邮编必须长短0开端的6位数字.""
    }，
    //用户账号验证（只能包含 _ 数字 字母） 
    account: {//param的值为[]中值        validator: function （value， param） {
            if （value.length < param[0] || value.length > param[1]） {
                $.fn.validatebox.defaults.rules.account.message = ""用户名长度必须在"" + param[0] + ""至"" + param[1] + ""局限"";
                returnfalse;
            } else {
                if （!/^[\w]+$/.test（value）） {
                    $.fn.validatebox.defaults.rules.account.message = ""用户名只能数字、字母、下划线构成."";
                    returnfalse;
                } else {
                    returntrue;
                }
            }
        }， message: """"
    }
}）

 

 

 

 

　　checkname.aspx

 

 

<％＠ Page Language="C＃" ％>
<script runat="server">
    void Page_Load（object sender， System.EventArgs e）
    {
        if （!string.IsNullOrEmpty（Request["name"]））
        {
            string name = "";
            name = Request["name"];
            if （name == "zhxhdean"）
            {//当文本框中值为 zhxhdean，提示用户已存在。 这一步可以去数据库查询
                Response.Write（"false"）;
                return;
            }
            else
            {
                Response.Write（"true"）;
                return;
            }
        }
    }
</script>

原文：http://www.cnblogs.com/871735097-/p/4312873.html

内容总结

以上是互联网集市为您收集整理的easyui_验证扩展全部内容，希望文章能够帮你解决easyui_验证扩展所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1304931.html

来源：【匿名】

【下一篇】PHP – EasyUI DataGrid 资料取的方式介绍

更多 ►

【easyui_验证扩展】教程文章相关的互联网学习教程文章

本文为转载，并非原创 easyui validatebox 验证类型分类： jquery-easyUI 2013-06-0510:58 11000人阅读评论(2) 收藏举报 easyuiValidateBox required: "必选字段",remote: "请修正该字段",email: "请输入正确格式的电子邮件",url: "请输入合法的网址",date: "请输入合法的日期",dateISO: "请输入合法的日期 (ISO).",number: "请输入合法的数字",digits: "只能输入整数",creditcard: "请输入合法的信用卡号",equalTo: "请再次输入...

JS--easyui通用验证【代码】

// JavaScript Document $.extend($.fn.validatebox.defaults.rules, {Composite_validation:{validator: function (value, param) {var mReg = new RegExp(param[0]); //传递过来的正则字符串中的"\"必须是"\\" if (!mReg.test(value)) {$.fn.validatebox.defaults.rules.Composite_validation.message = param[1];returnfalse;}else {var postdata = {};postdata[param[3]] = value;var result = $.ajax({url: param[2],data: p...

EasyUI 扩展自己定义EasyUI校验规则验证规则（经常使用的）【图】

比如校验输入框仅仅能录入0-1000之间最多有2位小数的数字表单<input type="text" id="rate" name="rate" required="true" class="easyui-validatebox" validType="rateCheck[0,1000]" maxlength="6" />$.extend($.fn.validatebox.defaults.rules, {CHS: {validator: function (value, param) {return /^[\u0391-\uFFE5]+$/.test(value);},message: ‘请输入汉字‘},english : {// 验证英语validator : function(value) {return...

easyui form提交时验证必填，打开时不显示必填提示【代码】

给textbox添加required:true属性后，打开页面时整个表单都是红的，需要将其设置为提交时再验证。解决方法：通过textbox的novalidate属性来控制是否开启验证<input class="easyui-textbox" name="Name" id="myName" style="width:200px " type="text" data-options="validType:[‘length[2,20]‘],required:true,novalidate:true"/>提交时调用：$(‘#myName‘).textbox({ novalidate: false }); 原文：https://www.cnblogs.com/cwr-...

atittit.表单验证性质的原则和实施，以及选择和定义自己的兼容easyui dsl窗体身份验证规则

atittit.表单验证性质的原则和实施，以及选择和定义自己的兼容easyui dsl规则的表单验证 1. 需求，表单验证须要弹框式，但眼下easyui ms绑定死了tooltip式样 12. 表单验证表现形式 12.1. 弹框 12.2. 浮动tooltip。推荐这个 13. 表单验证的实现原理 13.1. 定义reg 23.2. 解释 23.3. 调用提示。。。 24. 表单验证框架选型easyui》ligerui 24.1. ligerui的表单验证选型。。。24.2. 其它jq验证器 2 5. easyui表单验证的问题 2 6. 通过e...

angular + easyui 做界面验证【代码】【图】

angular结合easyui这事其实并不是很合适，因为：angular的特点之一是双向绑定，页面元素与页面逻辑之间解耦；easyui是对页面元素进行封装，甚至一些组件是隐藏了原本的dom元素，初始化时创建新的元素来实现功能的。在某种程度上来说，angular和easyui在工作原理上是冲突的，当然，下面就是但是了，不然就不太好往下写了。但是，easyui的验证控件validatebox的验证控件提示明显，UI效果比较友好，而且不会影响angular的正常工作，...

easyui扩展正则验证，函数验证【代码】

用easyui做业务系统，对于默认的几个验证规则，肯定是不够的，难免会增加几种规则。可是问题来了，往往是我们在开发会遇到很多各种各样的验证，时间久了才发现，这些扩展的正则无非就是添加一个正则验证规则，那我为啥不将正则放到前端呢？想到这个说干就干，于是有了REGEX这个验证规则，愉快的调用几次后，感觉这功能还不错，心里贼爽了下。一段时间后，发现有些验证居然还和数据业务有关系，这下问题又来，难道我又要些一堆的规则...

EasyUI表单验证【图】

EasyUI的form表单里面的验证框，先讲解下validatebox类和相关的属性。验证规则验证规则是通过使用 required 和 validType 特性来定义的，这里是已经实施的规则：email：匹配 email 正则表达式规则，系统提供的属性。 url：匹配 URL 正则表达式规则 length[0,100]：允许从 x 到 y 个字符 remote[‘http://.../action.do‘,‘paramName‘]：发送 ajax 请求来验证值，成功时返回 ‘true‘ 。要自定义验证规则，重写 $.fn.validatebox...

easyui关于validatebox实现多重规则验证的实践【代码】【图】

参考资料http://blog.csdn.net/jumtre/article/details/38510975http://blog.csdn.net/lybwwp/article/details/9028741/方法一：自从1.3.2版本开始，validatebox自身已经支持多重校验了，例如：<input class="easyui-validatebox" data-options="required:true,validType:[‘email‘,‘length[0,20]‘]"> 方法二：（不太好用，试了半天还是不显示第二个验证的消息）对于1.5版本的easyui.min，注释掉以下代码：然后再添加$.exten...

EasyUIDatebox日期验证之开始日期小于结束时间实例分享【图】

本文主要介绍了EasyUI Datebox 日期验证之开始日期小于结束时间,需要的朋友可以参考下，希望能帮助到大家。效果创建建日期框<p style="width:65px;"><label>选择时间：</label></p> <p style="width:100px;" id="StartsTime"><p class="easyui-datebox" name="data" id="StartDate" style="height:26px;width:100px "></p></p><pstyle="width:110px;" id="EndTime">-<p class="easyui-datebox" type="text" name="data" id="EndDat...

jQueryEasyUIAPI中文文档-ValidateBox验证框_jquery【图】

用 $.fn.validatebox.defaults 重写了 defaults。 <?XML:NAMESPACE PREFIX = O />用法代码如下: 代码如下: $(#vv).validatebox({ required:true }); 验证规则验证规则是通过使用 required 和 validType 特性来定义的，这里是已经实施的规则： email：匹配 email 正则表达式规则 url：匹配 URL 正则表达式规则 length[0,100]：允许从 x 到 y 个字符 remote[http://.../action.do,paramName]：发送 ajax 请求来验证值，成功时...

Jquery插件easyUi表单验证提交(示例代码)_jquery

代码如下: 代码如下://表单提交 $(#myForm).form({ url:/ProcessServlet, onSubmit:function(){ return $(this).form(validate); }, success:function(data){ alert(data); } });

jQuery插件EasyUI校验规则validatebox验证框_jquery【图】

Web前端数据校验组件 Web项目中客户端与服务端的交互离不开Form表单，Form表单中最常用的元素莫过于input标签，input标签首先要用的肯定是text文本框啦！ input文本框允许用户任意输入，难免会会有用户输入一些不符合规定的数据，此时，在提交之前对数据校验是很有必要的，如果等到提交到服务端再校验就会大大降低用户体验啦。前端校验有很多现成的组件，比较好用的有 EasyUI 的 validatebox 插件，提示界面做的相当友好，只是val...

实例解析jQuery插件EasyUI最常用的表单验证规则_jquery【图】

例如：校验输入框只能录入0-1000之间最多有2位小数的数字表单$.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+\...

轻松学习jQuery插件EasyUIEasyUI表单验证_jquery【图】

一、EasyUI创建异步提交表单本文向您展示如何通过 easyui 提交一个表单（Form）。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单（form）插件来改变表单（form）为 ajax 表单（form）。表单（form）提交所有字段到后台服务器，服务器处理和发送一些数据返回到前端页面。我们接收返回数据，并将它显示出来。创建表单（Form）Ajax Form改变为 Ajax 表单$('#ff').form({success:function(data){$.messager...

EASYUI - 技术教程分类

jQuery EasyUI 教程 jQuery EasyUI 简介 jEasyUI 动态添加标签页 jEasyUI 格式化列 jEasyUI 合并单元格 jEasyUI 创建对话框 jEasyUI 表单验证 jQuery EasyUI 插件 jQuery EasyUI 扩展 easyui 全部

EASYUI - 最热教程

easyUI实现类似搜索框关键词自动提示功...jQuery Easyui datagrid/treegrid 清空...easyui window refresh 刷新两次的解决...easyUI下拉列表点击事件使用方法 Easyui-Datebox设置隐藏或者不可用如何...easyui入门教程：10个easyui零基础入门...jQueryEasyUIAPI中文文档-TreeGrid树表...EasyUI的treegrid组件动态加载数据问题...jQuery插件EasyUI设置datagrid的checkb...jQuery布局组件EasyUI Layout使用方法详...