EasyUI的验证框

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

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

$(function(){
	$.extend($.fn.validatebox.defaults.rules,{
		phoneType:{		//phoneType是自己取的一个名字
			validator:function(value){
				if(isNaN($("#phone").textbox('getValue'))){	//判断是不是数字
					return false;
				}else{
					return value;
				}
			},
			message:'电话号码必须全为数字'
		}
	});
})
form表单中:电话号码:
例2:验证某一编号必须以什么什么开头

$.extend($.fn.validatebox.defaults.rules,{
        planIdType:{
        	validator:function(value){
        		if(value.substring(0,7)=='CQJY000'){
        			return value;
        		}else{
        			return false;
        		}
        	},
        	message:'预案编号格式不正确,应为CQJY000开头'
        }
 });
form表单中:编号:

 
  

你可能感兴趣的:(jQuery,Easy,UI)