vue 手机号,邮箱,车牌号等认证规则

先讲使用规则如下:

import validator from '@/components/services/validator.js';
Vue.prototype.$rules = validator;

用法:

if (!this.$rules.email(this.email)) {
this.$toast('请输入正确的邮箱');
return;
}

以下为插件内容,可自行添加自定义规则:

export default {
// 邮箱
email (value) {
let pattern = /^([a-z0-9\+\_\-]+)(\.[a-z0-9\+\_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 手机号码
phone (value) {
let pattern = /^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})|(14[0-9]{1})|(19[0-9]{1}))+\d{8})$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 手机号码段
checkPhone (value) {
let arr = '170|171|178|188|183|187|147|198|182|166'
let split = arr.split('|')
if (split.indexOf(value) !== -1) {
return true
}
return false
},

// 密码
password (value) {
let pattern = /^(\S){6,12}$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 身份证
identity (value) {
let pattern = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X|x)$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 银行卡
bank (value) {
let pattern = /^(\d{15,19})$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 信用卡
creditCard (value) {
let pattern = /^(\d{15,19})$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 储蓄银行卡
depositBank (value) {
let pattern = /^(\d{19})$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 验证码
smsCode (value) {
let pattern = /^[0-9]{6}$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 金额
money (value) {
let pattern = /^(([1-9]{1}\d*.)|((\d){1,2})|([0]{1}\d*.))(\.(\d){1,2})?$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 日期
date (value) {
let pattern = /^(([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29)$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 正整数
integer (value) {
let pattern = /^\+?[1-9][0-9]*$/
if (value) {
return pattern.test(value) || false
}
return pattern
},

// 车牌号码
vehicleNumber (value) {
let pattern = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4,5}[A-Z0-9挂学警港澳]{1}$/
if (value) {
return pattern.test(value) || false
}
return pattern
}
}


120 字之内
全部评论(0)
推荐阅读,请笑纳

羊脂球(十)

戈尔弩兑一直没有说一句话,没有做一个手势,并且像是沉没在一些很严肃的思想里,偶尔用一个气忿得很的动作捋着自己的长胡子如同想再拉长一点似的。末了,在12点光景人都快要分手的时候,鸟老板正晃着身子摇摇摆摆,忽然拍着戈尔弩兑的肚子一面结结巴巴向他说:“您并不开开玩笑,今天晚上,您什么也不说吗,公民?”但是戈尔弩兑突然抬起了脑袋,用一阵亮得怕人的眼光向全体扫视了一周,他说:“我说你们各位刚才都做了一件很可耻的事!”他说完站起来,走到了门口又说一遍,“一件很可耻的事!”末了他走了。开初,这像是对他们泼了一头的凉水,鸟老板吃了一惊呆呆地待着,不过随后他恢复了稳定态度,突然弯着身子笑起来一面重复地说:“他们都太大意了,老朋友,他们都太大意了。”这时候,人们都不懂得他的意思,于是他叙述了“过道里的秘密”。这样使大家重新哄堂地大笑了一阵。那些贵妇人快活得如同痴婆子似的。伯爵和迦来-辣马东先生连眼泪都笑出来。他们简直不能相信

收藏 1 推荐 0 评论 0 阅读 87
前沿攻略 前沿攻略 2018-09-25

vue 手机号,邮箱,车牌号等认证规则

先讲使用规则如下:Vue.prototype.$rules=validator;用法:

收藏 0 推荐 0 评论 0 阅读 84
音乐达人 音乐达人 2018-09-25

禁止悲伤

《禁止悲伤》是许茹芸演唱的一首歌曲,收录于专辑《真爱无敌》由方文山填词爱人的感觉可以很简单如果你的关怀不要求还只是在一个人面对回忆的夜晚付出最多的人最不勇敢被爱的感觉总有些不安怕给爱的人最后给难堪说谎过后的天空怎么看都好脏你的离开只有个答案那就是背叛泪水被

收藏 0 推荐 0 评论 0 阅读 96
前沿攻略 前沿攻略 2018-09-27

flex 布局固定一行显示几个盒子

直接上代码以下为结构<divclass="manage-list"><divclass="manage-li"><divclass="manage-li-img"></div></div><divclass="manage-li"><divclass="manage-li-img"></div></div><divclass="manage-li"><divclass="manage-li-img"></div>

收藏 0 推荐 0 评论 0 阅读 130
行星故事 行星故事 2018-10-08

为君十赋鹧鸪天

一雁信幽传别绪缠,为君一赋鹧鸪天。成熟有味初秋月,懵懂无知恰少年。青柳下,小河边,欢声笑语舞翩跹。伊人依旧情还在,物是人非感万千。二雨打西窗夜不眠,为君二赋鹧鸪天。幽幽别意清风诉,戚戚离情瘦笔怜。花吐蕊,叶弹弦,春华几度陌飞烟。纵然寄语天涯远,还惜红尘未了缘。三一梦松涛白浪掀,为君三赋鹧鸪天。兰舟风里诗情涌,巨塔云中画意连。花缱绻,柳翩跹,莺歌燕舞话缠绵。波粼碧落芳心醉,遥看琼楼生紫烟。四往事随风跃眼前,为君四赋鹧鸪天。扬帆排浪蛟龙舞,拨雾飞红玉凤旋。情切切,意绵绵,激流化作水云间。不奢此世能相守,但愿来生再续缘。五几度春风几度妍,为君五赋鹧鸪天。任凭花事随流水,岂让心香入梦泉。寻古韵,谱新篇,云笺拾翠度华年。叹无锦瑟随蜂舞,只把残词伴蝶翩。六遥看星空月上弦,为君六赋鹧鸪天。盘中桂影讥痴女,袖底香风醉远轩。

收藏 0 推荐 0 评论 0 阅读 60
行星故事 行星故事 2018-10-08

为伊赋鹧鸪天

为伊一赋鹧鸪天两岸相遥雅韵牵,为伊一赋鹧鸪天。温言软语犹添暖,冷雨银霜不觉寒。松色引,浪花翩,同舟共济梦心连。长情劲舞销魂墨,泣鬼惊神动地篇。为伊二赋鹧鸪天万紫千红飞满园,为伊二赋鹧鸪天。莺歌山色桃溪映,燕剪春风蝶梦连。青阶上,翠亭边,双双对对话缠绵。不禁生怨相逢晚,几缕思情入锦篇。

收藏 0 推荐 0 评论 0 阅读 55
行星故事 行星故事 2018-10-08

为卿十赋鹧鸪天

一池外风潇曳雨寒,为卿一赋鹧鸪天。诏陈陌上邀晴好,意落窗前道晚安。灯隐隐,墨涓涓,江山颐指为谁圈?愿抛千年浮华去,换你今朝共枕眠。二暮里千寻为哪般?为卿二赋鹧鸪天。章回水阔消云往,笔寄风岑饮墨干。徊曲路,问之缘,丁香谢雨恨谁怜?唯乘小渡萍追忆,等你轻舟踏浪还。三此刻杯陈共酒干,为卿三赋鹧鸪天。衔池月色铺花影,拓笔胭香镌美颜。思未尽,梦偏缠,一程风雨百重烟。何时鹊架长天路,万水千山自此连。四犹忆红云衬雪肩,为卿四赋鹧鸪天。何乘涩涩腮边涌,害我相思心下连。书忘语,瑟难弦,恨春未拟竟如烟。唯凭一路茵茵柳,再话依稀往梦年。五宝镜悬思道问禅,为卿五赋鹧鸪天。千朝明灭浮屠里,大梦春秋一隙间。寻紫禁,望观园,几多花月付云闲?何如默取菩提诵,检点风尘倚静安。六淡月怀香花暗传,为卿六赋鹧鸪天。陈杯往忆噙斯岁,拾夜尘思拟静禅。期梦好,愿人安,昆仑万里共歌欢。风云再莫携

收藏 0 推荐 0 评论 0 阅读 52
行星故事 行星故事 2018-10-08

为卿十赋鹧鸪天

柳外烟轻送水潺,为卿一赋鹧鸪天。阑珊渐去黄昏隐,小月姗回花底眠。书未尽,意犹牵,邀来星子阕云篇。何当竹露垂清响,再借清风万里延。转转花开别样鲜,为卿二赋鹧鸪天。云深未改诸峰傲,露重仍殷百草全。风细细,蝶翩翩,轻轻又送美流年。春光有距休相负,莫倚斑苍话等闲。寄纸风清寄笔闲,为卿三赋鹧鸪天。春来曲步山光美,秋去章陈岭色绵。帆笑引,浪轻牵,春秋一并入浓宣。由他宠辱悲欢至,落定诗心借徵弦。执笔丹青与秀妍,为卿四赋鹧鸪天。西风只道摧花瘦

收藏 0 推荐 0 评论 0 阅读 76
行星故事 行星故事 2018-10-08

千钟醉·此境谁知醉【独韵】

一钟醉,残红逝尽落香萎,碧叶匆忆独漫微。几般往事,一缕思味。此境谁知醉?二钟醉,红萼无意争风媚,寒雪有趣抱冷飞。宛香添衣,北风自吹。此境谁知醉?三钟醉,万丈星宿琅嬛觅,千里云霞情诉词。点滴回忆,白霜覆盖。此境谁知醉?四钟醉,蒙蒙烟雨风流绘,凄凄芳华月映杯。独酌红泪,何时相偎。此境谁知醉?五钟醉,往幕回首潸然垂,天涯聆寻盼卿归。风高影随,飘零难觅。此境谁知醉?六钟醉,淡淡香絮冉冉汇,幽幽清霖寂寂扉。冬来春去,桃木又系。此境谁知醉?七钟醉,别情千般东流水,离恨几何泪伤堆。蝶恋无罪,春情可贵。此境谁知醉?八钟醉,风雨世事参禅对,流年梦愿竟相违。无常琐碎,出尘入世。此境谁知醉?九钟醉,冷酥蒹葭附池寂,娇柔风情傍水湄。寒云月依,肃然无羁。此境谁知醉?十钟醉,红颜单思添憔悴,梦眼黄昏隐残晖。赤胆悬枝,斜阳独栖。此境谁知醉?百钟醉,亭中执

收藏 0 推荐 0 评论 0 阅读 84
前沿攻略 前沿攻略 2018-10-18

js 原生的方法插入节点

insertAfter(newElement,targetElement){letparent=targetElement.parentNode;if(parent.lastChild===targetElement){parent.appendChild(newElement);}else{parent.insertBefore(newElement,targetElement.nextSibling);}},

收藏 0 推荐 3 评论 0 阅读 77