element 表单自定义效验规则

news/2024/12/23 9:21:38/

效验规则js

let matching = (value, callback, reg, message) => {if (value === "" || value === undefined || value == null) {callback(new Error(message));} else {if (!reg.test(value)) {callback(new Error(message));} else {callback();}}
};
module.exports = {USCCode(rule, value, callback) {let reg = /^[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/;matching(value, callback, reg, "请输入正确的18位统一社会信用代码");},zero(rule, value, callback) {let reg = /^([1-9]\d*|[0]{1,1})$/;matching(value, callback, reg, "请输入大于等于零的数字");},Username(rule, value, callback) {let reg = /^(?![0-9]*$)(?![a-zA-Z]*$)[a-zA-Z0-9]{6,12}$/;matching(value, callback, reg, "请输入6-12位字母和数字组合");},SimplePwd(rule, value, callback) {let reg = /^[_a-zA-Z0-9]+$/;matching(value, callback, reg, "包含英文字母、数字及下划线组成");},ComplexPwd(rule, value, callback) {let reg =/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$)([^\u4e00-\u9fa5\s]){8,20}$/;matching(value, callback, reg, "请输入8-20位英文字母、数字或者符号");},Phone(rule, value, callback) {let reg = /^[1][3, 4, 5, 6, 7, 8][0-9]{9}$/;matching(value, callback, reg, "请输入正确的手机");},Email(rule, value, callback) {let reg = /^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;matching(value, callback, reg, "输入正确的邮箱");},IdCard(rule, value, callback) {let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;matching(value, callback, reg, "输入正确的身份证号码");},Company(rule, value, callback) {let reg = /^[A-Z0-9]{8}-[A-Z0-9]$|^[A-Z0-9]{8}-[A-Z0-9]-[0-9]{2}$/;matching(value, callback, reg, "请输入正确的营业执照");},Weixin(rule, value, callback) {let reg = /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/;matching(value, callback, reg, "请输入正确的微信号");},Integer(rule, value, callback) {let reg = /^[1-9][0-9]*$/;matching(value, callback, reg, "请输入正确的整数");},Number(rule, value, callback) {let reg = /^\d+$|^\d+[.]?\d+$/;matching(value, callback, reg, "请输入纯数字");},Landline(rule, value, callback) {let reg = /^(\d{3,4}-)?\d{7,8}$/;matching(value, callback, reg, "请输入正确的座机");},Ip(rule, value, callback) {let reg =/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;matching(value, callback, reg, "请输入正确的IP");},Price(rule, value, callback) {let reg = /^-?\d{1,4}(?:\.\d{1,2})?$ /;matching(value, callback, reg, "请输入正确的价格");},BankCard(rule, value, callback) {let reg = /^([1-9]{1})(\d{14}|\d{18})$/matching(value, callback, reg, '请输入正确的银行卡')},Hundred(rule, value, callback) {let reg = /^(?:[1-9]?\d|100)$/matching(value, callback, reg, '请输入0~100之间的数字')}
}

表单引用:

 rules: {reportEmail: [{ required: true, validator: verification.Email, trigger: "blur" },],},


http://www.ppmy.cn/news/1156767.html

相关文章

双十一期间如何抢占流量,打造品牌爆款产品

进入10月末,也就进入了电商行业的大促流量红利期。如何提前规划大促期间,店铺流量扩张的计划,提前抢占流量,是每一个品牌方都需要考虑的问题。今天为大家分享下双十一期间如何抢占流量,打造品牌爆款产品! 一…

gitee page中HTML显示乱码

参考的:静态HTML网页部署到gitee后中文乱码-CSDN博客 根据上述引用的博客做完后要记得在gitee page中更新(我就是没点更新以为用不了)

XPS数据分析问题收集及解答-科学指南针

做完XPS测试后,科学指南针检测平台工作人员在与很多同学沟通中了解到,好多同学对XPS数据分析不太了解,针对此,科学指南针检测平台组织相关同事对XPS数据分析进行问题收集并整理,希望可以帮助到科研圈的伙伴们&#xff…

01-spring源码概述

文章目录 1. Spring两大主要功能2. Bean的生命周期(部分生命周期,不包括销毁)2.1 两个重要接口及Aware接口2.2 创建对象的过程2.3 Bean的scope作用域2.4 Bean的类型2.5 获得反射对象的三种方式 3. 涉及的接口汇总4. 涉及设计模式 1. Spring两…

linux centos7 环境下 no such file or directory

目录 1.问题描述2.主要原因2.1修改后代码2.2修改前代码 总结参考 1.问题描述 预览excel文件时无法找到对应的html文件 2.主要原因 异常原因:代码获取的是系统的tmp文件,但是linux环境环境中心tmp目录是没有权限的,所以不能获取系统的根目录…

Redis数据结构的奇妙世界:一窥底层存储机制【redis第一部分】

Redis数据结构的奇妙世界:一窥底层存储机制【redis第一部分】 前言第一:为什么要使用redis第二:redis的底层数据结构第三:Redis的基本数据类型1. 字符串(String)2. 列表(List)3. 集合…

等保设备是什么,等保设备有哪些

等保设备是指满足等保需求的网络安全设备,它们具备一定的安全防护能力,能够保障信息系统的安全运行。等保设备的定义和分类对于企业和组织来说非常重要,可以帮助他们选择合适的设备来建立强大的网络安全防护体系。 什么是等保设备 等保设备…

vue3后台管理框架之路由配置

pnpm install vue-router 在src新建文件夹views和router 1.1基本 路由配置 :hash 路由模式 // 对外配置路由 import Login from @/views/login/index.vue import Home from @/views/home/index.vue import Error from @/views/404/index.vue export cons