samedi 16 décembre 2017

set 'didValidate' true only for selected fields

Environment

  • Ember Version: 2.0
  • Ember CLI Version: 2.13.0
  • Ember CP Validations Version: 3.4.0

Steps to Reproduce

hbs:

<div>
  <label> Email: <label>
  
  <label> Password: <label>
   
  <button >Submit</button>
</div>

<div>
  <label> Confirmation Token: <label>
  
  <button >Verify</button>
</div>

js:

import Ember from 'ember';
import { validator, buildValidations } from 'ember-cp-validations';

const Validations = buildValidations({
  new_email: [
    validator('presence', true),
    validator('format', { type: 'email' })
  ],
  current_password: [
    validator('presence', true)
  ],
  confirmation_token: [
    validator('presence', true),
  ]
});

export default Ember.Component.extend(Validations, {
  changeEmail: function() {
    this.validate().then(() => {
      if (this.get('validations.attrs.new_email.isValid') && this.get('validations.attrs.current_password.isValid')) {
        ...
        ....
      } else {
        this.set('didValidate', true);
      }
  });
});

Now when I click submit, changeEmail action is called and if validation fails it sets this.set('didValidate', true); which enables all the three validated-input field and shows validation error for even confirmation_token field. But i need to show validation error message only for current_password and new_email. vice versa when verify action is called




Aucun commentaire:

Enregistrer un commentaire