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



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

基于metronic4.7实现的后台管理功能

  • 2017年08月02日 16:50
  • 9.44MB
  • 下载

构建MetroNic+Mybatis+ Spring MVC的高性能web应用

  • 2015年07月28日 05:55
  • 21.33MB
  • 下载

基于Metronic的Bootstrap开发框架经验总结(8)--框架功能总体界面介绍

转载来源 在前面介绍了一系列的《基于Metronic的Bootstrap开发框架经验总结》的随笔文章,随笔主要是介绍各个知识点的内容,对框架的总体性界面没有很好的阐述,本篇随...
  • sd4015700
  • sd4015700
  • 2015年11月03日 15:01
  • 1796

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

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

Metronic干货系列-介绍和目录结构

Metronic干货系列 Metronic干货系列-介绍和目录结构 Metronic干货系列-首页(未更新) Metronic干货系列-核心文件js(未更新) Metronic干货系列-核心文件css...
  • zqy_zq_zxl
  • zqy_zq_zxl
  • 2017年06月11日 13:43
  • 6411

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

Metronic高级表格是Metonic框架中自行实现的表格,其底层是Datatables,本教程将主要使用Vue实现交互部分,使用Bootstrap做样式库,jQuery做部分用户交互(弹窗)。 使...
  • TinyJian
  • TinyJian
  • 2017年04月16日 15:55
  • 2634

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

Metronic高级表格是Metonic框架中自行实现的表格,其底层是Datatables,本教程将主要使用Vue实现交互部分,使用Bootstrap做样式库,jQuery做部分用户交互(弹窗)。 ...
  • aglne
  • aglne
  • 2017年04月17日 12:02
  • 683

metronic_v2.0.2开发的小常识 ---下拉列表

最近在用 metronic_v2.0.2  这个框架 开始使用 感觉还是不错的,但是到后期 发现一些共有的操作 废话不说 上代码 祝大家开发速度 嗖嗖嗖   9 添加select 下拉列表的方法...
  • sinat_19528249
  • sinat_19528249
  • 2015年09月22日 11:17
  • 714

基于Metronic的Bootstrap开发框架经验总结 --列表分页处理和插件JSTree的使用

转:http://www.cnblogs.com/wuhuacong/p/4759564.html 介绍页面内容常用到的数据分页处理,以及Bootstrap插件JSTree的使用。在数据的界面显...
  • kingmax54212008
  • kingmax54212008
  • 2017年02月10日 16:08
  • 904

后台管理模板metronic

1.简介   是一个基于Bootstrap 3.x的高级管理控制面板主题。Bootstrap Metronic - 是一个完全响应式管理模板。基于Bootstrap3框架。高度可定制的,易于使用。适...
  • XuWei_XuWei
  • XuWei_XuWei
  • 2016年05月05日 15:31
  • 1736
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:metronic.bootstrap 自己追加验证
举报原因:
原因补充:

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