如何在ember-cli app中实现表单验证?

时间:2014-11-18 11:32:04

标签: forms validation ember.js ember-cli

我正在开发一个Ember-CLI应用程序。我已经安装了

  • ember-forms via bower
  • 通过npm进行的ember-validations

表单生成正确。但是没有触发验证。

{{#em-form model=controller class="col-md-5"}}
  {{em-input property="title" label="Title" placeholder="Title"}}
  {{em-text property="description" label="Description" placeholder="Description"}}
{{/em-form}}

带有验证的控制器代码是

import Ember from "ember";

export default Ember.Controller.extend({
  actions: {
    submit: function() {
    }
  },
  validations: {
    title: {
      presence: true,
      length: { minimum: 5, maximum: 10 }
    }
  }
});

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

根据文档“你需要将EmberValidations.Mixin混合到任何Ember.Object中,你想要添加验证”。似乎这样的事情会起作用:

import Ember from "ember";
import EmberValidations from 'ember-validations';

export default Ember.Controller.extend(EmberValidations.Mixin, {
  actions: {
    submit: function() {
    }
  },
  validations: {
    title: {
      presence: true,
      length: { minimum: 5, maximum: 10 }
    }
  }
});