Question

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

我想在表单字段集中添加引导样式，以确定它们是有效还是无效。

我可以通过添加bootstrap表单类来解决这个问题＆＃39; has-danger＆＃39;如果有错误。但是当错误是正确的时候，我无法将其改为“已成功”。

下面的

是我表格的一部分： 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'}}">

ember表单输入验证

1 个答案: