EasyUI的验证框

在最近的项目中，所有的前端页面都是用的EasyUI，其中有很多需要用到验证功能，比如说验证电话号码必须全为数字，某个编号必须是以什么什么开头的，像这些验证就得重写$.fn.validatebox.defaults.rules中定义的验证器函数和无效消息。

例1：验证电话号码必须为数字

<span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;">$(function(){
	$.extend($.fn.validatebox.defaults.rules,{
		phoneType:{<span style="white-space:pre">		</span>//phoneType是自己取的一个名字
			validator:function(value){
				if(isNaN($("#phone").textbox('getValue'))){<span style="white-space:pre">	</span>//判断是不是数字
					return false;
				}else{
					return value;
				}
			},
			message:'电话号码必须全为数字'
		}
	});
})</span></span>

<span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;">form表单中：电话号码：<input class="easyui-textbox" id="phone" data-options="validType: 'phoneType' " /></span></span>

例2：验证某一编号必须以什么什么开头

<span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;">$.extend($.fn.validatebox.defaults.rules,{
        planIdType:{
        	validator:function(value){
        		if(value.substring(0,7)=='CQJY000'){
        			return value;
        		}else{
        			return false;
        		}
        	},
        	message:'预案编号格式不正确,应为CQJY000开头'
        }
 });</span></span>

<span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;"></span><pre name="code" class="java"><span style="font-family:Microsoft YaHei;">form表单中：编号：<input class="easyui-textbox" id="planId" data-options="validType: 'planIdType' " /></span></span>