Jquery EasyUI --ValidateBox验证框

        最近做的项目需求当中，大量的用到了ValidateBox验证框来校验用户输入的信息是否正确，其中运用正则表达式居多，接下来做一些总结，项目用到的前台框架是Jquery EasyUI，这里我列举2个在项目中用到的例子:

第一个:时间格式的验证(注:24小时制，为时分，不精确到秒)

具体代码如下:

 $.extend($.fn.validatebox.defaults.rules, {
	autoGenerationTime: {  
   	    validator: function (value) {  
     	    	var reg =/^(([0-1][0-9])|2[0-3]):[0-5][0-9]/;
    	    	return reg.test(value);  
   	    },  
   	    message: '时间格式有误'  
  	}
 });

<input name="autoGenerationTime" id="autoGenerationTime" class="easyui-validatebox" required="true" />

第二个:只能输入1~2位大写字母

具体代码如下:

 $.extend($.fn.validatebox.defaults.rules, {
	statementTypeCode: {  
	    validator: function (value) {  
	        var reg =/^([A-Z][A-Z])|([A-Z])+$/;
    	        var num=$("#statementTypeCode").val().substr(0,2);   //通过截取字符的方式，来实现只能输1~2位字母
    	        $("#statementTypeCode").val(num); 
    	        return reg.test(value);  
   	    },  
   	    message: '代码格式有误,只能输入1-2个大写字母'  
  	}
 });

 $("#statementTypeCode").keyup(function(e){
	var str = $(this).val();
   	str = str.toLocaleUpperCase();		//把输入的字母(无论大小写)都转换成大写
   	$(this).val(str);
 });

<input name="statementTypeCode" id="statementTypeCode" class="easyui-validatebox" required="true" validType="statementTypeCode"/>

 

特性

名称	类型	说明	默认值
required	boolean	定义是否字段应该被输入。	false
validType	string	定义字段的验证类型，比如email,url,等等。	null
missingMessage	string	当文本框是空时出现的提示文字。	This field is required.
invalidMessage	string	当文本框的内容无效时出现的提示文字。	null

 

方法

名称	参数	说明
destroy	none	移除并且销毁这个组件。
validate	none	进行验证以判定文本框的内容是否有效。
isValid	none	调用 validate 方法并且返回验证结果，true 或者 false。

这是ValidateBox验证框的特性和方法

 

以上就是，我对ValidateBox验证框一些了解，以及我在项目中用到的一些正则表达式，当然还有很多其他的验证，就不一一做详细说明了。

(注:想知道自己写的正则表达式是否正确，可以百度[正则表达式测试工具]，从而来调试自己书写的正则表达式是否正确)