VUE 一个或多个邮箱以及手机号码验证，多个邮箱和手机号重复校验

1.一个或多个邮箱以及手机号码验证，不会删选重复的邮箱或者手机号
如图，VUE项目中验证一个或者多个邮箱和电话号码
中间用“,”隔开，在vue的data{}下面编写验证的正则表达式，在return{ruleValidate{}}中调用使用，如下图代码所示。

代码如下

data() {//验证一个/多个邮箱let filterEmail = (rule, value, callback) => {let reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})(,([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4}))*$/;if(value==''||value==undefined||value==null){callback();} else {if (reg.test($.trim(value))) {callback();} else {callback(new Error("请输入正确的邮箱格式"));}}};//验证一个/多个电话号码let filterMobilePhone = (rule, value, callback) => {let reg = /^(1([38]\d|4[57]|5[0-35-9]|7[06-8])\d{8})(,(1([38]\d|4[57]|5[0-35-9]|7[06-8])\d{8}))*$/;if(value==''||value==undefined||value==null){callback();} else {if (reg.test($.trim(value))) {callback();} else {callback(new Error("请输入正确的电话号码"));}}};return {ruleValidate: {mailToAddress: [{validator: (filterEmail), trigger: "blur" }, // 调用上面的正则表达式filterEmail],mobilPhone: [{validator: (filterMobilePhone), trigger: "blur" },// 调用上面的正则表达式filterMobilePhone],}}methods:{}

2.多个邮箱或手机号校验并且包含重复校验

代码如下
<template><FormItem label="发送邮箱地址" prop="mailToAddress" type="textarea" v-if="showEmail"><Input v-model="dataForm.mailToAddress" placeholder="请填写发送的邮箱地址" :maxlength="512"></Input></FormItem><FormItem label="短信发送号码" prop="mobilPhone" v-if="showShortmsg"><Input v-model="dataForm.mobilPhone" placeholder="请填写短信发送的电话号码" :maxlength="512"></Input></FormItem></template>
<script>
data() {// 短信发送号码重复校验let returnMobilePhone = (rule, value, callback) => {this.checkMobilePhone(callback);};// 邮箱发送地址重复校验let returnMailToAddress = (rule, value, callback) => {this.checkMailToAddress(callback);};return {ruleValidate: {mailToAddress: [{validator: (returnMailToAddress), trigger: "blur" },],mailToAddressBcc: [{validator: (returnMailToAddressBcc), trigger: "blur" },],mobilPhone: [{validator: (returnMobilePhone), trigger: "blur" },],}}methods: {
// 短信发送号码重复校验checkMobilePhone(callback) {const reg = /^(1([38]\d|4[57]|5[0-35-9]|7[06-8])\d{8})(,(1([38]\d|4[57]|5[0-35-9]|7[06-8])\d{8}))*$/;this.mobilPhone = this.dataForm.mobilPhone.split(',');if(this.mobilPhone==''||this.mobilPhone==undefined||this.mobilPhone==null){callback();} else {if (reg.test($.trim(this.mobilPhone))) {var l = this.mobilPhone.length;for (var i = 0; i < l; i++) {for (var j = i + 1; j < l; j++) {if (this.mobilPhone[i] === this.mobilPhone[j]) {i++;j = i;callback(new Error("存在重复号码，请更换"));}}}callback();} else {callback(new Error("请输入正确的电话号码"));}}},// 邮箱发送地址重复校验checkMailToAddress(callback) {const reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})(,([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4}))*$/;this.mailToAddress = this.dataForm.mailToAddress.split(',');if(this.mailToAddress==''||this.mailToAddress==undefined||this.mailToAddress==null){callback();} else {if (reg.test($.trim(this.mailToAddress))) {var l = this.mailToAddress.length;for (var i = 0; i < l; i++) {for (var j = i + 1; j < l; j++) {if (this.mailToAddress[i] === this.mailToAddress[j]) {i++;j = i;callback(new Error("存在重复邮箱地址，请更换"));}}}callback();} else {callback(new Error("请输入正确的邮箱地址"));}}},}
</script>

VUE 一个或多个邮箱以及手机号码验证，多个邮箱和手机号重复校验相关推荐

黑客入侵Wishbone窃取上万邮箱及手机号码
3月16日讯据报道,攻击者入侵了一款网络社交APP"许愿骨"(Wishbone).Wishbone在青少年中相当热门.攻击者从中窃取了220万个电子邮箱和28.7万个手机号码. ...
手机号、姓名、邮箱等合法性验证方法
//邮箱 + (BOOL) validateEmail:(NSString *)email { NSString *emailRegex = @"\\w+@[a-zA-Z_]+?\\.[a- ...
最新手机号码验证正则表达式
转自:最新手机号码验证正则表达式js版由于手机号段的不断更新,以前的正则表达式已经无法满足需求.重新编写这条表达式,号段资料来源依据:http://www.jihaoba.com/tools/hao ...
el vue 手机号_Vue 正则表达式验证邮箱和手机号码
el-form绑定:rules="addFormRules": el-form-item绑定prop="name" 2.正则表达式验证邮箱和手机号码 expor ...
JavaScript之正则表达式验证邮箱，手机号码，身份证，网址，QQ，邮政编码，中文
今天要跟大家分享的是正则表达式的各种常用验证方式:邮箱,手机号码,身份证,网址,QQ,邮政编码,中文: 之前一直不知道正则是咋回事,网上查阅的也是看得蒙头转向,只要搞懂了表达式的各种语法符号,做一个验 ...
java检验电话或传真_对有java开发过程常用的js验证数字、电话号码、传真、邮箱、手机号码、邮编、日期...
常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期 1.数字 function testisNum(object) { var s =document.getElementById(obj ...
JS邮箱验证_手机号码验证_电话号码验证-正则验证
一.正则表达式 //对电子邮件的验证:^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$ //对 ...
vue一个页面用两个以上页面时时刷新
vue一个页面用两个以上页面刷新 <template><el-tabs v-model="activeName" style="padding-left ...
给邮箱和手机号码打码
给邮箱和手机号码打码这种功能一般都是后台来做,因为被抓包的话,前台打码根本没用 // 替换邮箱字符 function regEmail(email) {if (String(email).indexO ...

VUE 一个或多个邮箱以及手机号码验证，多个邮箱和手机号重复校验

VUE 一个或多个邮箱以及手机号码验证，多个邮箱和手机号重复校验相关推荐

最新文章

热门文章