vue表单常用的正则验证[邮箱，手机号，密码，固话，微信号等

这都是转载别人的大家在用的时候先验证一下我是临时要用所以就随便搜了一下

手机号：

var validateMobilePhone = (rule, value, callback) => {if (value === '') {callback(new Error('负责人手机号不可为空'));} else {if (value !== '') { var reg=/^1[3456789]\d{9}$/;if(!reg.test(value)){callback(new Error('请输入有效的手机号码'));}}callback();}};

邮箱：

var validateEmail = (rule, value, callback) => {if (value === '') {callback(new Error('请正确填写邮箱'));} else {if (value !== '') { var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;if(!reg.test(value)){callback(new Error('请输入有效的邮箱'));}}callback();}};
密码：var validatePass = (rule, value, callback) => {if (value === '') {callback(new Error('请设置正确格式的密码'));} else if(value.length < 6){callback(new Error('密码长度最小6位'));}else{callback();}};

固话：

var validatePhone = (rule, value, callback) => {if (value === '') {callback(new Error('机构电话不可为空'));} else {if (value !== '') { var reg =/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;if(!reg.test(value)){callback(new Error('请输入正确的手机号或者座机号格式为：0000-0000000'));}}callback();}};

微信号

var validateWeixin = (rule, value, callback) => {if (value === '') {callback(new Error('微信号不能为空'));}else{var reg= /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/;if(!reg.test(value)){callback(new Error('请输入正确的微信号码'));}else{callback();}} };

公司组织机构代码：

 reg= /^[A-Z0-9]{8}-[A-Z0-9]$|^[A-Z0-9]{8}-[A-Z0-9]-[0-9]{2}$/;

正数（最多两位小数）：

reg = /^(([1-9]\d*(\.\d{1,2})?)|(0\.\d{1,2}))$/;
vue之 el-form表单之自定义正则表达式：

基本的表单属性name、password、phone、peopleID、carID、email、address…

   <script>export default {name: "form",data() {return {formRules: {name:[{required: true,message: '请输入用户名',trigger: 'blur'},{min: 2,max: 7,message: '长度在 2 到 7 个字符'},{pattern: /^[\u4E00-\u9FA5]+$/, message: '用户名只能为中文'}//{ pattern:/^[a-zA-Z]w{1,4}$/, message: '以字母开头，长度在2-5之间， 只能包含字符、数字和下划线'}],password: [{required: true,message: '请输入密码',trigger: 'blur'}, { min: 5,max: 25,message: '长度在 5 到 25个字符'}, {pattern: /^(\w){5,25}$/, message: '只能输入5-25个字母、数字、下划线'}],phone:[{ required: true,message: '请输入手机号码',trigger: 'blur'},{validator:function(rule,value,callback){if(/^1[34578]\d{9}$/.test(value) == false){callback(new Error("请输入正确的手机号"));}else{callback();}}, trigger: 'blur'}],//pattern: /^1[34578]\d{9}$/, message: '目前只支持中国大陆的手机号码' }peopleID:[{required: true,message: '请输入身份证ID',trigger: 'blur'},{pattern:/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' }],carId:[{required: true, message: '请输入车牌号', trigger: 'blur'}, {pattern:/(^[\u4E00-\u9FA5]{1}[A-Z0-9]{6}$)|(^[A-Z]{2}[A-Z0-9]{2}[A-Z0-9\u4E00-\u9FA5]{1}[A-Z0-9]{4}$)|(^[\u4E00-\u9FA5]{1}[A-Z0-9]{5}[挂学警军港澳]{1}$)|(^[A-Z]{2}[0-9]{5}$)|(^(08|38){1}[A-Z0-9]{4}[A-Z0-9挂学警军港澳]{1}$)/,message: '常规格式：晋B12345'},],},email:[{required: true, message: '请输入邮箱号', trigger: 'blur'},{validator:function(rule,value,callback){if (value === '') {callback(new Error('请正确填写邮箱'));} else {if (value !== '') { var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;if(!reg.test(value)){callback(new Error('请输入有效的邮箱'));}}else{callback();}}, trigger: 'blur'}],}}</script>

vue表单常用的正则验证[邮箱，手机号，密码，固话，微信号等相关推荐

vue表单常用的正则验证[邮箱，手机号，密码，固话，微信号]
手机号: var checkPhone = (rule, value, callback) => {if (!value) {return callback(new Error('手机号不能为空 ...
java validate_java 常用验证，手机号、固话、邮箱、工具类 ValidateUtil
package com; import java.util.regex.Pattern; /** * * 类名称 : ValidateUtils * 类描述 : 验证某一字符串是否符合正则表达式 * ...
vue表单验证(用户名、密码、身份证号、中文姓名、手机号、邮箱)
vue表单验证(用户名.密码.身份证号.中文姓名.手机号.邮箱) new Vue({el: '#register',data: function() {// 验证邮箱let checkEmail = ...
vue表单验证插件 vuerify
表单验证是一个网站或者系统不可或缺的,也是非常重要的一环.使用人工匹配验证的话会非常的复杂,尤其对于大量表单验证更是如此. 当然有一些jQuery 表单验证的插件,或许用着还不错.但是,如果你不想在v ...
vue 表单验证并提交
vue 表单验证并提交一.常用验证方式 1.data 中验证 data 数据: 2.行内验证 3.引入外部定义的规则二.表单提交时验证 1.表单的提交按钮 2.ethods 方法一.常用验证方式 ...
写一个简单易用可扩展vue表单验证插件(vue-validate-easy)
写一个vue表单验证插件(vue-validate-easy) 需求目标:简单易用可扩展如何简单开发者要做的写了一个表单,指定一个name,指定其验证规则. 调用提交表单方法,可以获取验证成功 ...
Vue 表单验证插件的写作过程
前段时间,老大搭好了Vue的开发环境,于是我们愉快地从JQ来到了Vue.这中间做的时候,在表单验证上做的不开心,看到vue的插件章节,感觉自己也能写一个,因此就自己开始写了一个表单验证插件va.js. ...
vue表单验证，多种校验规则
前言 vue 表单验证,具体的大家根据自身项目和框架来,本文以antd举例. 实现这里以antd 举例 <template><a-form-model ref="rule ...
Vue 表单验证、数据验证
graceUI js 模块 graceUI 官网 http://grace.hcoder.net 首页视频教程第一节可观看组件演示 (: 使用说明 1 将 graceChecker.js 部署到您的项 ...

vue表单常用的正则验证[邮箱，手机号，密码，固话，微信号等

vue表单常用的正则验证[邮箱，手机号，密码，固话，微信号等相关推荐

最新文章

热门文章