ember Form der Eingabevalidierung

Question

Ich verwende - https://offirgolan.github.io/ember-cp-validations/docs/classes/Custom.html

Ich möchte Bootstrap-Styling zu meiner Form Fieldset hinzufügen zu sagen, ob sie gültig oder ungültig sind.

Ich kann es bekommen, um die Bootstrap-Formular-Klasse 'Hat-Gefahr' hinzuzufügen, wenn es einen Fehler gibt. Aber wenn der Fehler richtig ist, kann ich nicht erreichen, dass er auf "Hat-Erfolg" wechselt.

unten ist ein Teil meiner Form: signup.hbs

<fieldset class="form-group row has-success {{if v-get model.isError 'has-danger'}}"> 
    <label class="col-md-3 form-control-label"> 
     Password 
    </label> 
    <div class="col-md-6"> 
     {{input type="text" class="form-control form-control-danger" value=model.password}} 
    </div> 
    <div class="col-md-7 col-md-offset-3 input-error"> 
     {{v-get model 'password' 'message'}} 
    </div> 
</fieldset> 

unten ein Ausschnitt aus meiner Validierungsdatei ist: validation.js

export const name = validator('presence', true) 
export const password = [ 
    validator('presence', true), 
    validator('length', { 
    min: 4, 
    max: 8, 
    message: 'Please make sure the password is 4 - 8 characters long' 
    }), 
] 

Answer 1

Zuerst entfernen statische Klasse has-success, Dann füge Fallback für if zu has-success hinzu (wenn es keinen Fehler gibt):

<fieldset class="form-group row {{if v-get model.isError 'has-danger' 'has-success'}}">