ele-ui表单验证规则中的手机号码和邮箱的验证规则

form中有自定义的验证规则，而手机号码与邮箱的自定义规则如下：

手机号码：

// 验证手机var checkMobile = (rule, value, callback) => {const regMobile = /^1[34578]\d{9}$/if (regMobile.test(value)) {return callback()}//返回一个错误提示callback(new Error('请输入合法的手机号码'))}

邮箱：

   // 验证邮箱var checkEmail = (rule, value, callback) => {// 通过reg快捷键得到验证邮箱的正则表达式(我的vscode好像没有)const regEmail = /^\w+@\w+(\.\w+)+$/if (regEmail.test(value)) {return callback()}//返回一个错误提示callback(new Error('请输入合法的邮箱'))}

然后我们再将规则填充到rules中去如下：

  useremail: [{validator: checkEmail,trigger: 'blur'}, {min: 10,max: 20,message: '长度在 3 到 5 个字符',trigger: 'blur'}],usermobile: [{validator: checkMobile,trigger: 'blur'}, {min: 10,max: 20,message: '长度在 3 到 5 个字符',trigger: 'blur'}]

ele-ui表单验证规则中的手机号码和邮箱的验证规则相关推荐

Element UI 表单在el-form-item中使用自定义验证规则
1:官网示例 <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleFo ...
element UI 表单自定义验证，css水平且垂直居中方法
element UI 表单自定义验证 element UI提供了一种内部的表单验证,但是这种方法不能够来进行复杂的验证,如邮箱,手机号等的验证需要用到自定义验证首先是element UI 提供的基础 ...
关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
vant ui 表单验证不通过信息提示的消除
vant ui 表单验证不通过信息提示的消除在使用vant表单验正消除表单不通过的信息时候可以个van-form 标签里加个 :key="formKey" , 我有尝试过使用:k ...
vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)
Element UI 表单使用记录 element ui 表单 input 文本域日期选择中国标准时间与xxxx-xx-xx格式时间之间的来回切换中国标准时间转换为xxxx-xx-xx格式 ...
form generator ——Element UI表单设计及代码生成器
form generator Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中. 网站地址:https://mrhj.gitee.io/form-ge ...
数字时代下表单产品设计中的数据研究
导语:伴随着各行各业和人们生产生活中出现的数据化转型趋势,数据设计显得愈发重要.这篇文章主要讨论了数据的概念.分类,以及数据与指标的关系,在表单产品中数据设计的注意事项.推荐对表单设计感兴趣的同学阅读 ...
vue+element ui表单校验（邮箱、电话、工商信息）
vue+element ui表单校验(邮箱.电话.工商信息)) Html部分 <template><div><el-steps :active="active& ...
关于表单form元素中onsubmit事件处理机制的认识
博主目前处于Js学习的初期,遇到了很多问题,比如今天的关于表单form元素中onsubmit事件问题,根据教程所述,onsubmit事件是在表单提交的时候触发的,但是我看到教程上的onsubmit事件 ...
php 验证手机号邮箱,PHP正则验证真实姓名、手机号码、邮箱
在开发中,通常会遇见简单的表单验证,希望快速获取用户提交信息,但是为了安全考虑,我们不光前端需要做js验证,后端也需要做相应的验证,确保不是恶意提交的信息,以下是php通过正则来验证真实姓名.手机号码 ...

ele-ui表单验证规则中的手机号码和邮箱的验证规则

ele-ui表单验证规则中的手机号码和邮箱的验证规则相关推荐

最新文章

热门文章