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

  export default {name: "User",data() {// 验证邮箱的校验规则let checkEmail = (rule, value, callback) => {// 验证邮箱的正则表达式const regEmail =  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;if (regEmail.test(value)) {// 合法的邮箱return callback()}// 不合法的邮箱callback(new Error('请输入合法的邮箱'))}// 验证手机号的校验规则let checkMobile = (rule, value, callback) => {// 验证手机号的正则表达式const regMobile = /^1(3|4|5|6|7|8|9)\d{9}$/;if (regMobile.test(value)) {// 合法的手机号return callback()}// 不合法callback(new Error('请输入合法的手机号'))}return {// 添加用户时的验证规则addUserRules: {email: [{message: '请输入邮箱', trigger: 'blur'},{validator: checkEmail, trigger: 'blur'}],// 手机号mobile: [{message: '请输入手机号', trigger: 'blur'},{validator: checkMobile, trigger: 'blur'}]},}}

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

element自定义邮箱和手机号校验规则
<el-form:model="addUserForm"ref="addUserFormRef":rules="addUserFormRules ...
校验规则自定义（身份证、姓名、企业名称、统一社会信用代码、手机号码、登录密码、二次登录密码、验证码）
切换用户类型分别校验对应的字段注册为例,分别有两个注册类型 2是企业 3是专家 var validatesfz = async (rule, value, callback) => {if ( ...
element 修改表单值后表单验证无效_element 表单自定义校验规则
首先在我们的vue + element 项目中,尤其是后台有关的项目或者涉及到大量操作数据的平台,重中之重的就是关于数据的验证,也就是关于我们表单的验证,如果在前端做好了这些,相当于在前后台交互数据的 ...
前端学习（1900）vue之电商管理系统电商系统之渲染添加用户的表单自定义邮箱的规则
目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './components ...
element-UI框架使用validate.js的form校验规则（+自定义验证代码）- 应用篇
文章目录 element-UI除了官方给出的校验规则,还可以自定义(举例如下) 代码示例: 参考文章: element-UI除了官方给出的校验规则,还可以自定义(举例如下) element-UI框架f ...
antd form rules字数限制_【React】antd的form表单的自定义校验规则的用法
在用到antd的Form组件的时候,可能会用到自定义的规则,以我的项目为例:在输入名称的时候需要请求接口,校验的内容是后台返回的内容,所以这个时候需要用到自定义的校验规则屏幕快照 2019-06-1 ...
JSR303校验的简单使用以及自定义校验规则的代码编写
文章目录一.JSR303校验 1.简介 2.相关注解 3.JSR303依赖包二.JSR303自带的校验规则 1.在JavaBean上添加校验规则 2.生效校验规则 2.1 controller返回 ...
hibernate-validate如何校验controller+service+分组校验+自定义注解实现校验规则等
配置参数启动时校验如果配置文件没有相关的配置,那么**启动时**就会出现以下异常: Description:Binding to target com.toby.provide.Applicatio ...
antd 自定义表单校验规则
html部分 <a-form-item name="username"><a-input v-model:value="loginForm.userna ...

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

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

最新文章

热门文章