Emberjs 如何像 jQuery 验证插件一样形成验证？答案

【问题标题】：Emberjs How to Form Validation like jQuery Validation Plugin?Emberjs 如何像 jQuery 验证插件一样形成验证？
【发布时间】：2017-07-21 02:04:03
【问题描述】：

我想知道是否有一种方法可以为不同的模型属性创建表单验证，例如 jQuery Validation 插件处理验证？例如：

我的路由需要先从 REST API 检索一些数据，然后用额外的属性补充信息，以便模板呈现新表单。

export default Ember.Route.extend({

userType: Ember.inject.service('user-session'),

model: function (params) {

      return $.getJSON('APIURL', function (data) {


            return {

                  "serverData": data.e.results[0],
                  "id": null,
                  "name": null,
                  "option": 1

             };

      });

   }

});

然后用户更改表单上的一些信息并按下提交按钮。问题是，由于我没有任何验证，因此用户可以在没有数据的情况下发送表单。

我曾经使用 jQuery 验证插件来解决此类问题，创建了一些规则，例如：

rules: {
name: {
 required: true
},
id: {
 required: true
}
}, messages: {

  id: { required: 'El campo es requerido (Required in spanish)' }
}

但是在 ember.js 上，我不知道是否有办法验证表单数据。

我发现许多插件使用非常基本的路线模型作为示例，但由于我的模型是一种复杂类型，它们似乎不适合。

有什么方法可以验证我的 emberjs 表单吗？

【问题讨论】：

标签： javascript jquery forms validation ember.js

【解决方案1】：

我推荐ember-changeset-validation。您将能够创建验证规则，然后从控制器中的模型创建变更集 - 根据错误属性显示验证消息。您可以在用户单击按钮时运行变更集的验证方法 - 并且仅在变更集有效时提交。

【讨论】：