WebUI框架使用参考
关注jQuery easyui,zTree,my97,highcharts等前台UI的使用

对于Easyui的validatebox组件，默认是“focus之后，失去焦点之前”这段时间内每隔200ms自动校验一次，这对需要跟数据库交互的校验来讲，消耗服务器太多性能，弊端显而易见，通过改源码的方式，其实是很容易纠正这个问题的，之所以写这篇文章，是因为本文使用了扩展的方式来解决这个问题，对源码无污染，方便升级。 因为1.3.3版本的Easyui出了新tooltip组件，并且validatebox也依赖tooltip，所以本文的扩展只适用于1.3.3之前的版本...

在使用EasyUI的时候，有时我们要改动某个组件的源码，因为jquery.easyui.min.js体积庞大，且格式混乱，所以我们往往选择修改位于plugins目录下的单个组件源码，然后在使用的时候先引入jquery.easyui.min.js文件再引入plugins/jquery.validatebox.js(这里拿validatebox组件说事)文件，这样就起到了覆盖定义的效果。 这样做到底有没有什么问题呢？在没有遇到问题的时候，我也是觉得应该没啥问题了。上周群内有兄弟问了一个validat...

很多朋友比较恼火于jQuery Easyui的validatebox组件的提示消息太过丑陋，也有很多人垂青于poshytip插件优雅且功能强大的消息提示方式。既然，poshytip也基于jQuery，我们让validatebox支持poshytip就变的较为简单了。 在夏悸的这篇文章中也曾经提到过简单的实现方案，不过当时jQuery Easyui的版本还比较低，不能定制提示消息的位置，而且代码修改过后就必须要引入poshytip插件的js库才行。本文也是通过修改源码的方式来实现功能...

validatebox属于非常简单的一个组件了，不过大多form都会用到这玩意，所以深入了解一下还是有必要的，话不多说了，直接上带注释的代码： /**    * jQuery EasyUI 1.3.1    * 源码基于1.3.1    * Licensed under the GPL terms    * To use it on other terms please contact us    * Copyright(c) 2009-2012 stworthy [ stworthy@gmail.com ]    * 注释由小雪完成，更多内容参见www.easyui.info    */   (function($) {     ...

在QQ群里面有位老兄(荒谬的旧伤口)分享了一种实现validatebox多重验证的方法，作为Easyui的校验插件没有实现多重校验能力是一种缺憾。比如说，既要限制格式为email，同时要求最长长度为20，我们就要扩展一种规则，而对长度的要求很容易变化，如果变成要求30，我们又得扩张一种规则，所以对于多重验证的需求很必要。 实现思路较为简单，扩展一种新规则：multiple，入参为其它规则，然后遍历每个规则，遇到校验不通过的时候就返回...

Easyui框架里的validatebox组件在表单相关的一系列组件中占有极其重要的位置，大多表单类组件都直接或者间接的依赖它，所以弄清楚validatabox是如何对用户输入做校验是很有必要的。注意，本篇文章只讨论如何实现校验，而不讨论具体的校验规则。 原理分析： 说到校验，就必须说道事件的监听，做过自动完成同学应该都知道，我们往往选择监听兼容性较好的keyup事件来实现。不过validatebox却不是通过keyup，而是通过监听focus来实...

个人觉得easyui的validatebox组件是非常小巧的插件了，扩展方式较为灵活，一些常用的规则，网络上早就一堆大人给出来了，本文是从网上搜集的一些常用校验规则，以供大家参考，所有规则我都亲自验证过，请大家放心使用。 $.extend($.fn.validatebox.defaults.rules, { alpha:{ validator:function(value,param){ if (value){ return /^[a-zA-Z\u00A1-\uFFFF]*$/.test(value); ...