Emberjs如何像jQuery Validation插件一样进行验证?

时间:2017-07-21 02:04:03

标签: javascript jquery forms validation ember.js

我想知道是否有办法为jQuery等验证插件处理验证的路由创建不同模型属性的表单验证?例如:

我的路线需要首先从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表格吗?

1 个答案:

答案 0 :(得分:0)

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