使用带有MaskedInput和Validated Form的Ember

时间:2017-03-21 08:40:14

标签: javascript forms ember.js

我想做一个在客户端验证的表单。所以,我使用了经过ember验证的表格。我想为输入添加一些掩码。

是否可以使用validated-form进行输入并添加掩码?

{{f.input ... masked-input}}

2 个答案:

答案 0 :(得分:3)

正如克里斯蒂安在他的帖子ember-validated-form中提到的那样,刚刚更新为新版本;这为自定义组件提供了更好的支持。请参阅以下twiddle以查看如何使用自定义蒙版输入组件的示例; {2}中的masked-input-field;可以使用。请检查application.hbs以获取f.input的块形式使用情况。

在此示例中,我添加了一张信用卡,用于向user.validation.js演示屏蔽输入用法和相关验证,以便显示自定义屏蔽输入组件(使用下面的ember-cli-maskedinput)如何响应验证使用来自validated-input的已提供信息。希望这会有所帮助。

答案 1 :(得分:2)

ember-validated-form内,不支持屏蔽导入。但是,在最新版本的插件(0.1.10,刚刚发布)中,以块形式使用f.input集成自定义组件非常容易:

{{#f.input label="Favorite Color" name="color" as |fi|}}
  {{favorite-colors-component colors=colors onupdate=fi.update 
onhover=fi.setDirty}}
{{/f.input}}

(有关详细信息,请参阅the docs

基于此,您应该能够轻松集成任何支持屏蔽导入的插件(例如ember-cli-maskedinput)。