iview2+ 表单密码验证
<Form :model="formItem" v-model="formItem.id" ref="formItem" :label-width="80" :rules="validateRules">
<FormItem label="新密码" prop="password">
<Input v-model="formItem.password" type="password"/>
</FormItem>
<FormItem label="确认密码" prop="pwdCheck">
<Input v-model="formItem.pwdCheck" type="password"/>
</FormItem>
</Form> export default {
name: 'demo',
data() {
const pwdValidate = (rule, value, callback) => {
this.$refs.formItem.validateField('pwdCheck');
callback();
};
const pwdCheckValidate = (rule, value, callback) => {
if (this.formItem.password != '' && value == '') {
callback(new Error('确认密码不能为空'));
} else if (this.formItem.password != value) {
callback(new Error('新密码和确认密码应相同'));
} else {
callback();
}
};
return {
validateRules: {
password: [
{required: false, validator: pwdValidate, trigger: 'blur'}
],
pwdCheck: [
{required: false, validator: pwdCheckValidate, trigger: 'blur'}
]
}
}
}
}
iview2+ 表单密码验证的更多相关文章
- thinkphp表单自动验证
		
ThinkPHP框架表单验证 对注册到test表的表单进行验证 在注册之前要对表单进行验证: 用户名非空验证,两次输入密码必须一致即相等验证,年龄在18~50之间即范围验证,邮箱格式正则验证. 自动验 ...
 - aspx中的表单验证 jquery.validate.js 的使用  以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)
		
这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲 上面是效果,下面来说使用步骤 jQuery.Valid ...
 - PHP - 表单与验证
		
第11章 表单与验证 学习要点: 1.Header()函数 2.接收及验证数据 我们对Web感兴趣,认为它有用的原因是其主要通过基于HTML的表单发布和收集信息的能力.这些表单用来鼓励网站的反馈.进行 ...
 - HTML5表单及其验证
		
随笔- 15 文章- 1 评论- 115 HTML5表单及其验证 HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用.HTML5 Forms新增了许多新控件及其A ...
 - AngularJS学习之 登录表单   清爽验证(边学边更新)
		
注册过程的确好多需要验证的,但是注册成功之后的登录就简单多了, 只要用户 输入 用户名和密码, ajax向后台提交登录请求, 根据返回的结果确定用户名或者密码是否正确即可登录. 所以这个登录表单的验证 ...
 - EasyUI加zTree使用解析 easyui修改操作的表单回显方法 验证框提交表单前验证  datagrid的load方法
		
带参提交一次查询,从服务器加载新数据.这是一个神奇的方法 $('#dg').datagrid('load',{ code: '01', name: 'name01' }); easyui修改操作的回显 ...
 - thinkPHP 表单自动验证功能
		
昨天晚上我们老大叫我弄表单自动验证功能,愁了半天借鉴了好多官网的知识,才出来,诶,总之分享一下我自己的成果吧! thinkphp 在Model基类为我们定义了自动验证的函数和正则表达式,我们只需要在对 ...
 - HTML的表单初级验证
		
HTML的表单初级验证 placeholder(提示信息) required(确保不能为空) pattern(正则表达式验证) 1. placeholder(提示信息) 语法: <p>账号 ...
 - bootstrap表单带验证
		
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...
 
随机推荐
- Outlook邮件的右键菜单中添加自定义按钮
			
customUI代码如下: <customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui"> ...
 - python中字母与ASCII码之间的转换以及进制间的转换
			
字母与ascii码: ord(c):参数是长度为1的字符串,简称字符.当参数为统一对象时(unicode object),返回能代表该字符的统一编码,当参数为8比特的字符串时,返回该字节的值.例如,o ...
 - GitHub之初始化
			
1.github上新建repository. 2.本地 mkdir git-init-demo. 3.cd git-init-demo. 4.git clone https://github.com/ ...
 - 4k高分屏下,chm帮助文档,api文档打开后字体过小的解决
			
如图所示: 4k分辨率下,chm文件的正文部分的字体过小,这是这些网页可能使用了CSS维持字体dpi, 在普通分辨率下,可以显示正常,但在高分屏下就会显示得过小,这时我们就需要调整显示网页 的显示效果 ...
 - IOC读取配置文件
			
1. 创建一个bean文件 package com.longteng.utils; import org.springframework.beans.factory.annotation.Value; ...
 - ubuntu 服务器 php 环境简单搭建
			
安装中文支持,避免一些语言相关的坑 12345678 sudo apt-get install language-pack-zh-hans sudo vim /etc/default/locale L ...
 - unittest(20)- 自动更新表格中的数据(3)
			
通过函数获取表格中的手机号 # 1. get_data.py from tools import project_path import pandas as pd class GetData: Coo ...
 - 使用JavaServer Faces技术的Web模块:hello1 example
			
该hello1应用程序是一个Web模块,它使用JavaServer Faces技术来显示问候语和响应.您可以使用文本编辑器查看应用程序文件,也可以使用NetBeans IDE. 此应用程序的源代码位于 ...
 - Numpy入门(三):Numpy概率模块和线性代数模块
			
Numpy中经常使用到的两个模块是概率模块和线性代数模块,random 和 linalg 两个模块. 概率模块 产生二项分布的随机数:np.random.binomial(n,p,size=-),其中 ...
 - [大餐]开发摘记1--我的Fragment通信的框架
			
[大餐]开发摘记1--我的Fragment通信的框架 | 卖牙膏的芖口钉 盒子 盒子 博客 分类 标签 友链 大专栏 [大餐]开发摘记1--我的Fragment通信的框架ass="ROUN ...