Vue js vee validar confirmación de contraseña siempre false

este problema se puede tratar de diferentes maneras, pero en este caso te mostramos la resolución más completa para nosotros.

Solución:

Su entrada de contraseña debe tener ref="password" – así es como vee-validate encuentra el objetivo:

(Gracias, Ryley).

confirmado:objetivo: la entrada debe tener el mismo valor que la entrada de destino, especificada por objetivo como el nombre del campo de destino.

Además, hay un error con la sintaxis de Vee Validate, cambie target: para confirmed:

v-validate="'required|target:password'"

debiera ser

v-validate="'required|confirmed:password'"

Eche un vistazo al ejemplo básico a continuación, verificará dos cosas:

• ¿El segundo campo de entrada tiene algún valor de entrada?
• En caso afirmativo, ¿el segundo valor de entrada coincide con el primer valor de entrada?

var app = new Vue(
  el: '#app',
  data: 
    message: 'Hello Vue!'
  
)

body 
  background: #20262E;
  padding: 15px;
  font-family: Helvetica;


#app 
  width: 60%;
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  margin: auto;

  


    
    

      
 Enter Password

      

        

        
      
    

    
    

      

         errors.first('password') 
      
      

         errors.first('password_confirmation') 
      
    

  

Lectura adicional: https://baianat.github.io/vee-validate/guide/rules.html#confirmed

El siguiente código funciona para mí: https://logaretm.github.io/vee-validate/advanced/cross-field-validation.html#targeting-other-fields

Tienes la posibilidad recomendar este artículo si si solucionó tu problema.

---

---

Utiliza Nuestro Buscador