我想做一个在客户端验证的表单。所以,我使用了经过ember验证的表格。我想为输入添加一些掩码。
是否可以使用validated-form进行输入并添加掩码?
{{f.input ... masked-input}}
答案 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)。