javascript - Ember.js でカスタムテキスト入力エラーメッセージを作成する

Question

カスタムエラーメッセージを渡し、このエラーメッセージを DOM の一部として表示できる関数を持つカスタムテキストフィールドを作成しようとしています。

次のように TextField 要素を拡張することから始めることはわかっています。

CustomTextField = Ember.TextField.extend({
   inValid: function(error) {
      //function body
   }
});

しかし、オーバーライドして作成する必要がある正確なメソッドを見つけるのは難しいことがわかっています。次のようなものが理想的です。

<input type="text" />

に行く：

 <span class="input-error"><input type="text" />Invalid Email</span>

例えば。どんな助けでも大歓迎です。

score 0 · Accepted Answer

ビューのオブジェクトのメッセージをどのように更新するつもりなのか完全にはわかりませんが、次のようなことを行うことで、各ビューがそのコンテンツの状態を監視できます。

isValid: function() {
    return Boolean(String(this.get('value')).match(new RegExp('.+?@.+?\..{2,3}', 'i')));
}.property('value')

ここで JSFiddle を作成しました: http://jsfiddle.net/geXsU/1/

javascript - Ember.js でカスタム テキスト入力エラー メッセージを作成する