余燼形式輸入驗證

Question

我正在使用-https://offirgolan.github.io/ember-cp-validations/docs/classes/Custom.html

我想在表單字段集中添加引導樣式，以說明它們是有效還是無效。

如果出現錯誤，我可以添加引導表單類“ has-danger”。 但是，當錯誤正確時，我無法將其更改為“已成功”。

以下是我的表格的一部分：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>

以下是我的驗證文件中的代碼段：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

首先，刪除靜態類has-success ，然后為if到has-success添加后備（沒有錯誤時）：

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