Validation Vee验证密码和确认密码
我正在尝试在vuejs上创建一个密码设置和重置系统,在该系统中,我使用vee validate验证在两个输入标记中输入的密码是否相同,如果不相同,它们将阻止提交。 这是我的代码:Validation Vee验证密码和确认密码,validation,vue.js,Validation,Vue.js,我正在尝试在vuejs上创建一个密码设置和重置系统,在该系统中,我使用vee validate验证在两个输入标记中输入的密码是否相同,如果不相同,它们将阻止提交。 这是我的代码: <template> <div> <form @submit.prevent="validateBeforeSubmit()"> <div class="input-group"> <div class="input-g
<template>
<div>
<form @submit.prevent="validateBeforeSubmit()">
<div class="input-group">
<div class="input-group-addon">
Enter Password
</div>
<div class="input-fields">
<input v-validate="'required'" name="password" type="password" class="form-control" placeholder="Password">
<input v-validate="'required|confirmed:password'" name="password_confirmation" type="password" class="form-control" placeholder="Password, Again" data-vv-as="password">
</div>
</div>
<div class="alert alert-danger" v-show="errors.any()">
<div v-if="errors.has('password')">
{{ errors.first('password') }}
</div>
<div v-if="errors.has('password_confirmation')">
{{ errors.first('password_confirmation') }}
</div>
</div>
<button type="submit" class="btn btn-primary">
Validate!
</button>
</form>
</div>
</template>
<script>
export default{
name:'password',
methods: {
validateBeforeSubmit() {
this.$validator
.validateAll()
.then(function(response) {
// Validation success if response === true
})
.catch(function(e) {
// Catch errors
})
}
}
}
</script>
输入密码
{{errors.first('password')}
{{errors.first('password_confirmation')}
验证
导出默认值{
名称:'password',
方法:{
ValidateBeforSubmit(){
这是$validator
.validateAll()
.然后(功能(响应){
//如果响应===true,则验证成功
})
.catch(函数(e){
//捕捉错误
})
}
}
}
您的密码输入必须具有ref=“password”
,因为vee validate就是这样找到目标的
然后
v-validate=“'required | confirm:$password'
而不是
v-validate=“‘必需|确认:密码’
最终的
您的问题是什么?即使是sameI也会给出错误或不匹配的密码。您找到解决方案了吗?
<div class="input-fields">
<input v-validate="'required'" ref="password" name="password" type="password" class="form-control" placeholder="Password">
<input v-validate="'required|confirmed:$password'" name="password_confirmation" type="password" class="form-control" placeholder="Password, Again" data-vv-as="password">
</div>