vue 表单验证 密码验证
这个算是修改密码中的密码校验和确认密码
password: [{ required: true, message: '请输入新密码', trigger: 'blur' },{ validator: validatePassword, trigger: 'blur' }
]
var validatePassword = (rule, value, callback) => {if (value !== '') {if (value.length < 8) {callback(new Error('请输入至少8位的密码'))return false} else if (!/^(?=.*[A-Za-z])(?=.*\d)(?=.*[@!*#$%&_=])[A-Za-z\d@!*#$%&_=]{8,18}$/.test(value)) {callback(new Error('密码必须包含字母、数字和特殊字符(@!*#$%&_=)'))return false} else {callback()}}}
确认密码:
surePassword: [{ required: true, message: '请输入确认密码', trigger: 'blur' },{ validator: validateSurePassword, trigger: 'blur' }]
var validateSurePassword = (rule, value, callback) => {if (value !== '') {if (value.length < 8) {callback(new Error('请输入至少8位确认密码'))return false} else if (value !== this.ruleForm.password) {callback(new Error('两次输入的新密码不一致'))return false} else {callback()}}}
vue 表单验证 密码验证相关推荐
- vue表单的数据验证
1.在el-form中通过属性:rules进行绑定,它的值为验证规则对象rules <el-form :model="ruleForm" :rules="rules ...
- vue表单验证(用户名、密码、身份证号、中文姓名、手机号、邮箱)
vue表单验证(用户名.密码.身份证号.中文姓名.手机号.邮箱) new Vue({el: '#register',data: function() {// 验证邮箱let checkEmail = ...
- 写一个简单易用可扩展vue表单验证插件(vue-validate-easy)
写一个vue表单验证插件(vue-validate-easy) 需求 目标:简单易用可扩展 如何简单 开发者要做的 写了一个表单,指定一个name,指定其验证规则. 调用提交表单方法,可以获取验证成功 ...
- vue表单验证插件 vuerify
表单验证是一个网站或者系统不可或缺的,也是非常重要的一环.使用人工匹配验证的话会非常的复杂,尤其对于大量表单验证更是如此. 当然有一些jQuery 表单验证的插件,或许用着还不错.但是,如果你不想在v ...
- vue表单验证,多种校验规则
前言 vue 表单验证,具体的大家根据自身项目和框架来,本文以antd举例. 实现 这里以antd 举例 <template><a-form-model ref="rule ...
- vue 表单验证按钮事件交由父组件触发
vue 表单验证按钮事件交由父组件触发,不直接再子组件上操作的方法 子组件: //内容部分 <Form ref="formCustom" :model="formC ...
- Vue+Element动态生成新表单并添加验证
Vue+Element动态生成新表单并添加验证 首先,有这样一个需求,表单中默认有表单项,点击新增,会多出一项. 点击之后 官方文档中有写用v-for来实现新增表单,但是那是单表单的新增,现在多表单的 ...
- Vue 表单验证插件的写作过程
前段时间,老大搭好了Vue的开发环境,于是我们愉快地从JQ来到了Vue.这中间做的时候,在表单验证上做的不开心,看到vue的插件章节,感觉自己也能写一个,因此就自己开始写了一个表单验证插件va.js. ...
- vue表单验证,不能通过验证
vue表单验证一直不能通过 1.model里的值一定要和 js里面data的名称(formValidate)对应 2.rules里面的值要和js里面设定的表单规则(ruleValidate)对应 3. ...
- Vue 表单验证、数据验证
graceUI js 模块 graceUI 官网 http://grace.hcoder.net 首页视频教程第一节可观看组件演示 (: 使用说明 1 将 graceChecker.js 部署到您的项 ...
最新文章
- Python基础学习笔记--字符串、列表
- AAD Connect 微软官方的描述准确吗?
- java字符串逐个分解_改进JAVA字符串分解的方法
- IT职场规划和学习方法
- SpringBoot快速开发利器:Spring Boot CLI
- CSS使用Chrome进行取色
- linux实用小工具,Linux系统小工具使用大用途---1
- hdu 1806线段树 区间合并
- 周末直播丨细致入微 - OEM Grid Control 配置部署与使用
- python玩王者荣耀皮肤碎片怎么获得_大神教你用Python爬取王者荣耀英雄皮肤,不充钱也能入手!...
- STM32工作笔记0063---PWM输出实验
- python下载文件的11种方式_python 下载文件的多种方法汇总
- 《我的成功可以复制》读后感
- 在商业化道路上,小冰还要再多走几步
- R语言基础题及答案(二)——R语言与统计分析第二章课后习题(汤银才)
- IO、文件、NIO【草案三】
- 专利缴费后如何获取发票
- window下搭建gitlab环境 ---- 简单理解:window下的gitlab就是Bonobo Git Server
- vanish_variables_3.0
- 在Keil MDK中创建STM32F4系列的工程模板(标准外设库)
热门文章
- 计算机组装需要做哪些准备工作,请问高手组装电脑?要做好那些准备工作?和工具?...
- WiFi接入微信公众号认证上网,对微信公众号有什么要求?
- CSS中的 “点“,“空格“,“>“ ,“逗号”,“+ ”
- 小太阳机器人唤醒软件_小太阳老师
- 湖北省2019年12月有计算机二级报名吗,2019上半年武汉市计算机二级考试报名时间|网上报名入口【12月19日8:00开通】...
- 杯具哥诉说从小到大最糗的37个囧人囧事
- .Net Core 小说网站
- 湖南卫视为纪念袁隆平逝世,停播一期《快乐大本营》
- java objectid_如何在java中创建mongoDB objectid
- java微信公众平台开发实战(一)——图书馆微信查书助手