javascript - 如何通过限制字符类型向 Ember.Textfield 值绑定(bind)添加验证？

Question

我有一个名称输入字段，如下所示:

{{view Ember.TextField valueBinding="segment_name" type="text" placeholder="Give your new segment a name" id="segment_name" class="input-xlarge" required="required"}}

我想验证名称中使用的字符(即:segment_name 字段中不允许使用 # 字符)，并且我可以显示以下内容:

$('#segment_name').bind('keypress', function(e) {
            console.log( e.which );
            if($('#segment_name').val().length == 0){
                var k = e.which;
                var ok = k >= 65 && k <= 90 || // A-Z
                    k >= 97 && k <= 122 || // a-z
                    k >= 48 && k <= 57; // 0-9

                if (!ok){
                    e.preventDefault();
                }
            }
        });

请参阅此 JS Fiddle 以获取类似示例:Demo

当我在 TextField 绑定(bind)中键入内容时，上面的代码没有验证我的字符。我一直在努力想知道将上面的代码放在我的 Ember 应用程序中的哪里？我应该把它放在助手中还是 Controller 中？

任何解决方法/提示将不胜感激!

Answer 1

您可以从 View 类监听 keyDown、keyUp 和 keyPress 事件，如图 here