Extjs中手动验证多个url地址和Extjs验证原理

今天琚哥要我把项目中的要输入的 url 地址改为可输入多个 url 地址。我想了想，可以用string中的 split方法对url 地址进行切割放到数组里去，然后进行遍历验证。好了，说了这么多，开工吧

首先我写了一个url 的验证方法

//对urls的vtypes验证
		var urlTest = /http:\/\/[A-Za-z0-9\.-]{3,}\.[A-Za-z]{3}/;
		Ext.apply(Ext.form.VTypes, {
		    urls:function(val,field){
		    var urlArray = [];			//定义一个数组，方便下面存放分割后的url地址
		    urlArray = val.split(",");		//用 split方法进行分割
		    var flag = 0;			//定义一个验证是否通过的标志
		    	for(var i=0;i<urlArray.length;i++){
		    		if(!urlTest.test(urlArray[i])){
		    			flag++;		//循环验证，因为urlTest.test(urlArray[i]是boolean值，所以当验证不通过的时候，就flag++，
		    		}
		    	}
		    	if(flag!=0){			//对flag进行判断，大于0，则不通过
		    		return false;	
		    	}else{
		    		return true;
		    	}
		    },
		    urlsText:'请输入符合规范的url地址',
		});

然后在后面的组件里直接用进行验证即可

vtype:'urls',

本来我一直琢磨验证的原理，现在是弄懂了。

1.首先组件里使用  vtype:'urls',

2.调用上面的验证方法

3.返回true与false，为 true时不显示错误信息，为false时返回urlsText 里的值：请输入符合规范的url地址