element自定义邮箱和手机号校验规则

<el-form:model="addUserForm"ref="addUserFormRef":rules="addUserFormRules"label-width="100px"><el-form-item label="邮箱" prop="email"><el-input v-model="addUserForm.email"></el-input></el-form-item><el-form-item label="手机" prop="mobile"><el-input v-model="addUserForm.mobile"></el-input></el-form-item></el-form>data () {// 自定义邮箱规则var checkEmail = (rule, value, callback) => {const regEmail = /^\w+@\w+(\.\w+)+$/if (regEmail.test(value)) {// 合法邮箱return callback()}callback(new Error('请输入合法邮箱'))}// 自定义手机号规则var checkMobile = (rule, value, callback) => {const regMobile = /^1[34578]\d{9}$/if (regMobile.test(value)) {return callback()}// 返回一个错误提示callback(new Error('请输入合法的手机号码'))}}return{addUserForm: {username: '',password: '',email: '',mobile: ''},addUserFormRules: {email: [{ required: true, message: '请输入邮箱', trigger: 'blur' },{ validator: checkEmail, trigger: 'blur' }],mobile: [{ required: true, message: '请输入手机号码', trigger: 'blur' },{ validator: checkMobile, trigger: 'blur' }]}}

普通方法中使用

checkMobile(value) {

const regMobile = /^1[34578]\d{9}$/;

console.log(regMobile.test(value));

return regMobile.test(value);

复杂的校验

自定义解决方法通过throw error和try catch抛出给组件

element自定义邮箱和手机号校验规则相关推荐

手机号校验规则的正则表达式，包括199及177号段
手机号校验规则的正则表达式,包括199及177号段,如下实例: //常用验证-手机号 mini.VTypes["telephoneErrorText"] = "请输入有效 ...
VUE 一个或多个邮箱以及手机号码验证，多个邮箱和手机号重复校验
1.一个或多个邮箱以及手机号码验证,不会删选重复的邮箱或者手机号如图,VUE项目中验证一个或者多个邮箱和电话号码中间用","隔开,在vue的data{}下面编写验证的正则表达式 ...
JS 正则表达式验证邮箱和手机号
验证邮箱的正则表达式: const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ 或 const regEmail ...
element 修改表单值后表单验证无效_element 表单自定义校验规则
首先在我们的vue + element 项目中,尤其是后台有关的项目或者涉及到大量操作数据的平台,重中之重的就是关于数据的验证,也就是关于我们表单的验证,如果在前端做好了这些,相当于在前后台交互数据的 ...
自定义邮箱和手机号码的校验规则
自定义邮箱和手机号码的校验规则 export default {name: "User",data() {// 验证邮箱的校验规则let checkEmail = (rule, v ...
element-ui的表单校验；el-form表单校验；el-form表单自定义校验；手机号校验；车牌号校验；车牌号正则校验；
示例:代码在末尾可以直接复制使用一.基本属性认知: 1. required: true 会有 * , 但仅是触发最后点击提交按钮时,校验某一项位必填:与输入事件或者选择或者失焦时候怎么校验无关 ...
前端学习（1900）vue之电商管理系统电商系统之渲染添加用户的表单自定义邮箱的规则
目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './components ...
正则表达式校验身份证号、邮箱和手机号
常用正则表达式: 1.手机号码: ^(13[0-9]|14[5|6|7|8|9]|15[0|1|2|3|5|6|7|8|9]|16[5|6]|17[1-8|18[0-9]|19[1|9])\d{8}$ ...
Element Ui使用技巧——Form表单的校验规则rules详细说明；element的 form 表单rules详细用法
本文章是在项目开发时遇到问题看到的一片好文, 摘录自[博客园]–[逍遥云天]. 感谢作者地址 – https://www.cnblogs.com/xyyt/p/13366812.html 在 [逍遥 ...

element自定义邮箱和手机号校验规则

element自定义邮箱和手机号校验规则相关推荐

最新文章

热门文章