EXT JS：无法验证表单

Question

我几天前开始学习EXT JS，并且我在验证以下表格时遇到了问题。我目前只是在＆＃34;密码＆＃34;上运行测试。领域。提交按钮始终处于活动状态，当我尝试检查表单是否有效时，它似乎被认为是这样。

    var form = Ext.create('Ext.form.Panel',{
            layout: 'vbox',
            width: 300,
            height: 100,
            defaults: {
                labelStyle: 'padding:7 0 0 25;',
            },
            items: [{
                xtype: 'field',
                name: 'Username',
                fieldLabel: 'Username',
                value: 'Your Username',
            },
            {
                xtype: 'field',
                fieldLabel: 'Password',
                name: 'Password',
                value: '',
                inputType: 'password',
                allowBlank: false,
                minLength:5,
                 /*                 validator : function(){
                alert('ttt');
                    return false;
                },
                validateOnChange: true*/
                listeners:{
                    focus : function(){
                        alert(this.isValid());  // Always shows "true"
                    }
                }
            }],
            buttons: [{
                text: 'Submit',
                margin: '0 100 0 0',
                formBind: true,
                handler: function(){
                    alert('submitted');
                }
            }]
        });

那么我错过了什么？

Answer 1

经过一个半小时的调试后，我发现问题只是xtype：它应该设置为＆＃34; textfield＆＃34;而不是＆＃34; field＆＃34;。