EmberをMaskedInputおよびValidatedフォームで使用する

Question

クライアント側で検証されたフォームを作成したいと思います。だから、私はember-validatedフォームを使用しました。私は入力にいくつかのマスクを追加したい。

バリデーションされたフォームを入力してマスクを追加することはできますか？

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

Answer 1

クリスチャンが彼の投稿で言及したように、ember-validated-formは新しいリリースに更新されました。カスタムコンポーネントのサポートが強化されています。カスタムマスク入力コンポーネントを使用する方法の例を参照するには、twiddleを参照してください。 masked-input-fieldに使える。ブロック形式の使用については、f.inputをapplication.hbsにチェックしてください。この例では

、私は、カスタムマスク入力コンポーネント（つまり下ember-cli-maskedinputを使用）validated-inputから得られた情報を使用して検証に応答する方法を示すためにuser.validation.jsにマスクされた入力の使用と関連した検証を実証するためにクレジットカードを追加しました。お役に立てれば。

Answer 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）を簡単に統合できるはずです。