Validation Vee验证密码和确认密码

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

我正在尝试在vuejs上创建一个密码设置和重置系统,在该系统中,我使用vee validate验证在两个输入标记中输入的密码是否相同,如果不相同,它们将阻止提交。 这是我的代码:

<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>