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/

1 回答 1