EXT JS：無法驗證表格

Question

我幾天前開始學習EXT JS，並且遇到了驗證以下表單的問題。我目前只是在「密碼」字段上運行測試。提交按鈕始終處於活動狀態，當我嘗試檢查表單是否有效時，它似乎也被認爲是這樣。

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：它應該設置爲「textfield」而不是「field」。