如何在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