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

Create a custom text input error message in Ember.js

本文关键字：文本 输入 错误 消息 自定义 创建 Ember js      更新时间：2023-09-26

我正在尝试创建一个自定义文本字段，该字段具有一个函数，该函数将允许我传入自定义错误消息并将此错误消息显示为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')

我在这里给你养了一个JSFiddle：http://jsfiddle.net/geXsU/1/

相关文章：