Javascript 在Ember.js中创建自定义文本输入错误消息

我正在尝试创建一个自定义文本字段，该字段具有一个函数，允许我传入自定义错误消息，并将此错误消息显示为DOM的一部分

我知道我首先要扩展TextField元素，如下所示：

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

但我需要重写和创建的确切方法对我来说很难发现。最理想的情况是：

<input type="text" />

转到：

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

无效电子邮件

---

比如说。非常感谢您的帮助。

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

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

我在这里给你做了一个JSFIDLE：