验证邮箱的规则

var checkEmail = (rule, value, cb) => {//验证邮箱的正则表达式const regEmail = /^([a-zA-Z0-9_-])+@([a-ZA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ if(regEmail.test(value)) {//合法的邮箱return cb()}cb(new Error('请输入合法的邮箱'))
}//然后在formrules中添加效验属性
email: [{ required: true, message: '请输入邮箱', trigger: 'blur' },{ validator: checkEmail, trigger: 'blur' }
],

验证手机号的规则

var checkMobile = (rule, value, cb) => {//验证手机号的正则表达式const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/if(regMobile.test(value)) {//合法的手机号return cb()}cb(new Error('请输入合法的手机号'))
}mobile: [{ required: true, message: '请输入手机号码', trigger: 'blur' },{ validator: checkMobile, trigger: 'blur' }
]

Vue 中使用element ui 自定义邮箱和手机号的效验规则相关推荐

vue中修改Element ui样式不起作用
公司做的一个后台系统,由于Elemen ui是响应式的,在小屏笔记本中,一行两列的表单会自动变成一行一列,这样就很不美观了,由于是后台系统,当时也没考虑适配问题. 老总地表最强的电脑运行了一下,当 ...
php和ui,php项目中使用element.ui和vue
1.plugins中添加axios,element-ui 2.全局文件下引入 3.页面内使用 1) 容器需要增加id属性 2) 添加script标签,创造vue组件 var app = new Vue ...
基于 Vue JS、Element UI、Nuxt JS的项目PC端前端手册
基于 Vue JS.Element UI.Nuxt JS的项目PC端前端手册前言:笔记写于2020年5月左右,刚开始做前端时整理的笔记 1.环境搭建 1.安装nodeJs 官网下载地址:http ...
vue中集成的ui组件库_Vue组件可使用Vault Flow通过Braintree集成PayPal付款
vue中集成的ui组件库 Vue Braintree PayPal按钮 (Vue Braintree PayPal button) Vue component to integrate PayPal ...
Element UI 自定义日历
Element UI 自定义日历代码示例 HTML部分 <template><el-calendar ref="calendar"><templat ...
ant design vue 中Upload组件如何自定义文件列表的样式
ant design vue 中Upload组件如何自定义文件列表的样式问题历程 UploadList 组件源码 h() 方法实现注问题技术:vue.ant design vue 在开发项 ...
npm创建Vue工程【element UI】
npm创建Vue工程[element UI] 步骤 # 初始化一个名为 hello-vue 的Vue工程 vue init webpack hello-vue# 进入 hello-vue 工程 cd ...
模糊搜索——Vue单页面-Element UI
模糊搜索--Vue单页面-Element UI <!DOCTYPE html> <html><head><meta charset="UTF-8&q ...
深夜学姐问我在Vue中Echarts柱状图如何自定义顶部亮点
深夜学姐问我在Vue中Echarts柱状图如何自定义顶部亮点先看效果图我们可以看到图中图表不仅有渐变色,同时柱状图顶部位置有一个不相同的顶部亮点(图片) 接下来,我们一起来实现一下这个效果 1. ...
自定义邮箱和手机号码的校验规则
自定义邮箱和手机号码的校验规则 export default {name: "User",data() {// 验证邮箱的校验规则let checkEmail = (rule, v ...

Vue 中使用element ui 自定义邮箱和手机号的效验规则

验证邮箱的规则

验证手机号的规则

Vue 中使用element ui 自定义邮箱和手机号的效验规则相关推荐

最新文章

热门文章