在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>

例如。非常感谢任何帮助。

Answer 1

我不完全确定您打算如何更新视图对象上的消息，但您可以执行以下操作，即每个视图都会关注其内容的状态：

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

我在这里为你创造了一个JSFiddle：http://jsfiddle.net/geXsU/1/