如何在sencha touch中为文本字段执行字母数字验证

Question

如何在Sencha Touch for textfield实现字母数字验证？ 我已经尝试过这种方式：

regex: /^[a-zA-Z0-9]*$/,
regexText: 'Invalid value in field',

但是当我键入#符号或任何其他特殊字符时，它没有显示任何错误。

Answer 1

正如@Benoit Cuvelier在评论中指出的那样：

根据docs： docs.sencha.com/touch/2.1.0/#!/ api/ Ext.field.Text Textfield组件不具有“ Regex”属性（但在ExtJs中具有）。 我认为您应该检查更改事件的值

也就是说，使用keyup侦听器的简单实现可能是：

{
    xtype: 'textfield',
    label: 'Only alphanumeric values',
    name: 'alphanumeric',
    regex: /^[a-zA-Z0-9]*$/,
    listeners: {
        keyup: function(field) {
            var value = field.getValue();
            if (value.length && !value.match(field.config.regex)) {
                field.setStyle('border: 1px solid red;');
            } else {
                field.setStyle('border: 0;');
            }
        }
    }
}

https://fiddle.sencha.com/#fiddle/ttl