metronic.bootstrap 自己追加验证

原创 2015年11月20日 15:49:53

      在时候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: "电话号码位数不正确。",
	                }
                },



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Bootstrap Metronic 学习记录(一)简介

1.简介   是一个基于Bootstrap 3.x的高级管理控制面板主题。Bootstrap Metronic - 是一个完全响应式管理模板。基于Bootstrap3框架。高度可定制的,易于使用。适...
  • ymnets
  • ymnets
  • 2016年02月22日 13:00
  • 2488

Bootstrap模板Metronic设置默认选中侧边栏

一开始我们拿到的模板页面如下图所示,但是在给出的模板中,每个页面都包含了左侧的侧边栏代码,这在我们开发系统的时候,显然不能这么做,不利于变更,重复性也很大,但是如果是放在一个文件中统一包含进来的话,就...

Bootstrap Metronic 学习记录(二)菜单栏

1.简介 1)  .环境配置 2)  .提取页面 2).动态生成菜单(无限级别树) 2.系统环境配置 项目需要程序数据支撑,这里选择MVC5.0+EF6.0[SQLSERVER](不对MVC...
  • ymnets
  • ymnets
  • 2016年02月22日 13:00
  • 2873

基于Metronic的Bootstrap开发框架经验总结(4)--Bootstrap图标的提取和利用

在前面的一篇随笔《基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理》介绍了菜单模块的处理,主要介绍如何动态从数据库里面获取记录并构建菜单列表。其中菜单信息的图标...
  • my98800
  • my98800
  • 2017年05月13日 18:03
  • 285

使用Vue.js制作仿Metronic高级表格(一)静态设计

Metronic高级表格是Metonic框架中自行实现的表格,其底层是Datatables,本教程将主要使用Vue实现交互部分,使用Bootstrap做样式库,jQuery做部分用户交互(弹窗)。 使...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:metronic.bootstrap 自己追加验证
举报原因:
原因补充:

(最多只允许输入30个字)