metronic.bootstrap 自己追加验证

      在时候metronic的时候,发现自己带的现在不够时候,这个时候,想自己追加验证。

经过网上查看前辈的文章,下记是实现的详细代码。如果有其他放弃,欢迎给位指点下!


大概需求是,电话号码的录入,实现 区号-电话号码

首先,电话的输入框上,使用了metronic自己的空间 ,固定只能输入 XXXX-XXXXXXXX模式


接下来,需要验证电话格式是否正确,因为有了下划线,所以,只输入1的时候,也不能通过位数判断成功。

所以简单点,把所以下划线都换成空,再去看电话的长度。


验证代码如下:

1.追加验证方法

jQuery.validator.addMethod("telephone", function(value) {
            	
            	var reg=new RegExp("_","g");
          		value = value.replace(reg,"");
         		if(value.length > 11){
         			return true;
         		}else{
         			if(value.length == 0 || value.length == 1){
         				return true;
         			}
         			return false;
         		}
         	}, '电话号码格式不对');

验证方法和信息提醒

rules: {
                	
	                telephone:"telephone"
                },

                messages: { // custom messages for radio buttons and checkboxes
                	
	                telephone: {
	                	minlength: "电话号码位数不正确。",
	                }
                },



posted @ 2015-11-20 15:49  tinhou_chen  阅读(307)  评论(0编辑  收藏  举报