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

【问题标题】：Create a custom text input error message in Ember.js在 Ember.js 中创建自定义文本输入错误消息
【发布时间】：2013-01-28 19:38:36
【问题描述】：

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

我知道我会从扩展 TextField 元素开始，如下所示：

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

但事实证明，我需要重写和创建的确切方法对我来说很难发现。最好有类似的东西：

<input type="text" />

前往：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：