如何显示 vtype 警告并且不设置字段无效？

Question

此代码对我不起作用，因为我无法使用 form.isValid() 执行任何操作，因此我只需要显示工具提示和颜色文本字段边框以向用户表明我不推荐使用长度> 15，但如果代码仍然这样做，那就没问题。

// I have some field
{
    xtype: 'textfield',
    maskRe: /[0-9.]/,
    vtype: 'imei',
    fieldLabel: 'IMEI:',
    name: 'imei',
    flex: 1
}

// validation for textfield on keypress
    imei: function (v) {
        return v.length < 16;
    },
    imeiText: 'length more then 15 symbols is not recommended'

// validation on save button click
validateForm: function (form) {
    if (!form.isValid()) {
        // don't save form
    }// can't save form because imei is not valid
}

有什么方法可以显示vtype tooltip、color border并且不设置textfield无效吗？

如有任何帮助，我们将不胜感激。

Answer 1

您可以在文本字段中使用侦听器：

listeners: {
                change: function (c, newValue, oldValue) {
                    var tn = newValue.replace(/[^0-9]/g, '');
                    if (tn.length === 0) {
                        setTimeout(function () {
                            c.markInvalid('Imei length must be at least 1 symbol');
                        }, 100);

                    }
                    if (tn.length > 15) {
                        setTimeout(function () {
                            c.markInvalid('Imei length more than 15 symbols is not recommended');
                        }, 100);
                    }
                }
            },

超时，因为基字段在推送事件后触发 markInvalid as ''。

查看 fiddle 上的示例：https://fiddle.sencha.com/#view/editor&fiddle/2r9h

如何显示 vtype 警告并且不设置字段无效？

How to display vtype warning and don't set field invalid?

javascript

extjs

extjs4