首页 > 其他 > 详细

iview 表单验证

时间:2018-06-24 13:56:01      阅读:257      评论:0      收藏:0      [点我收藏+]
<modal v-model="modelPassWord" width="520" title="修改密码"
		:mask-closable="false"> <i-form :label-width="100"
		ref=‘formItemP‘ :model="formItemP" :rules=‘ruleValidateP‘> <form-item
		label="请输入旧密码" prop="oldPwd"> <i-input
		placeholder="请输入旧密码" v-model="formItemP.oldPwd" name=""></i-input> </form-item> <form-item
		label="请输入新密码" prop="newPwd"> <i-input
		placeholder="请输入新密码" v-model="formItemP.newPwd"></i-input> </form-item> <form-item
		label="重新输入密码" prop="repeatPwd"> <i-input
		placeholder="重新输入密码" v-model="formItemP.repeatPwd"></i-input> </form-item> </i-form>
	<div slot="footer">
		<i-button type="ghost" @click="pwdModelCancel">取消</i-button>
		<i-button type="error" @click="pwdModelOk(‘formItemP‘)">确定</i-button>
	</div>
	</modal>

  

	//修改密码验证
			formItemP: {
				oldPwd: "",
				newPwd: "",
				repeatPwd: ""
			},
			ruleValidateP: {
				oldPwd: [{
					required: true,
					message: ‘请输入旧密码‘,
					trigger: ‘blur‘
				}],
				newPwd: [{
					required: true,
					message: ‘请输入新密码‘,
					trigger: ‘blur‘
				}],
				repeatPwd: [{
					required: true,
					trigger: ‘blur‘,
					validator:function(rule, value, callback){
	                    if (value == ‘‘) {
	                        return callback(new Error(‘请再次输入密码‘));
	                    } else if (value != logoApp.formItemP.newPwd) {
	                        return callback(new Error(‘两次密码不一致‘));
	                    } else {
	                        callback();
	                    }
	                }
				}]
			}

		}

  

iview 表单验证

原文:https://www.cnblogs.com/lgjc/p/9220318.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!