ember-engines 中的 ember-cp-validation 问题
Issue with ember-cp-validation in an ember-engines
正如标题所说,我对 ember-cp-validations which I think is related to ember-engines 有疑问。
基本上,我的问题是使用 ember-cp-validations 的模型在表单中没有验证。
这是我的模型:
import Ember from 'ember';
import DS from 'ember-data';
import { validator , buildValidations } from 'ember-cp-validations';
const Validations = buildValidations(
{
name:[
validator('presence', true),
validator('ds-error'),
validator('length', {
min: 3,
max: 15,
message: 'The length must be between 3-15 character'
})
]
);
export default DS.Model.extend(Validations, {
numericId: Ember.computed('id', function ()
{
"use strict";
return Number(this.get('id'));
}),
name: DS.attr('string'),
});
如您所见,我的模型非常简单,并且在我的应用程序中运行得非常好。
对于模板,我使用的是 ember-bootstrap,它看起来像这样:
{{#bs-form formLayout="horizontal" model=myModel onSubmit=(action 'update') as |form|}}
<fieldset>
<legend>Configuration</legend>
{{form.element controlType="text" label=Name
placeholder=myName
property="name"}}
{{bs-button
defaultText=Submit
type="primary"
disabled=(v-get myModel 'isInvalid')
buttonType="submit"}}
</fieldset>
{{/bs-form}}
我的模板也非常简单,您可以看到在我的表单的第一部分我调用了 property="name"
,这是我定义模型的 anme 属性 的地方。
例如,如果我的 name.length 少于 3 个字符,则不会显示该消息。
我有义务添加 disabled=(v-get myModel 'isInvalid')
,如果未完成验证,这将禁用我的按钮,因为如果我没有添加此 属性,即使某些信息位于假的。
也许有人有提示可以在我的表单中进行验证。大家好!
我刚找到它,有一个插件会自动显示消息错误,并以 ember-bootstrap 形式验证它:ember-bootstrap-cp-validations
正如标题所说,我对 ember-cp-validations which I think is related to ember-engines 有疑问。
基本上,我的问题是使用 ember-cp-validations 的模型在表单中没有验证。
这是我的模型:
import Ember from 'ember';
import DS from 'ember-data';
import { validator , buildValidations } from 'ember-cp-validations';
const Validations = buildValidations(
{
name:[
validator('presence', true),
validator('ds-error'),
validator('length', {
min: 3,
max: 15,
message: 'The length must be between 3-15 character'
})
]
);
export default DS.Model.extend(Validations, {
numericId: Ember.computed('id', function ()
{
"use strict";
return Number(this.get('id'));
}),
name: DS.attr('string'),
});
如您所见,我的模型非常简单,并且在我的应用程序中运行得非常好。
对于模板,我使用的是 ember-bootstrap,它看起来像这样:
{{#bs-form formLayout="horizontal" model=myModel onSubmit=(action 'update') as |form|}}
<fieldset>
<legend>Configuration</legend>
{{form.element controlType="text" label=Name
placeholder=myName
property="name"}}
{{bs-button
defaultText=Submit
type="primary"
disabled=(v-get myModel 'isInvalid')
buttonType="submit"}}
</fieldset>
{{/bs-form}}
我的模板也非常简单,您可以看到在我的表单的第一部分我调用了 property="name"
,这是我定义模型的 anme 属性 的地方。
例如,如果我的 name.length 少于 3 个字符,则不会显示该消息。
我有义务添加 disabled=(v-get myModel 'isInvalid')
,如果未完成验证,这将禁用我的按钮,因为如果我没有添加此 属性,即使某些信息位于假的。
也许有人有提示可以在我的表单中进行验证。大家好!
我刚找到它,有一个插件会自动显示消息错误,并以 ember-bootstrap 形式验证它:ember-bootstrap-cp-validations