提交表單時不檢查ext js中的必填字段

Question

我在ext js表單中添加了一些帶有必需的“ itemCls”的字段。 但是表單提交時不檢查（必填字段）這些字段是否為空。

我的代碼如下

  xtype: 'form', id: 'form', bodyStyle: 'overflow : auto; height: 337px;', items: [{ xtype: 'fieldset', items: [{ xtype: 'combo', id: 'adr', anchor: '98%', listWidth: 300, itemCls: 'required', editable: false, store: store, displayField: 'NAM', valueField: 'ID', triggerAction: 'all', mode: 'local' }, { xtype: 'datefield', id: 'date', name: 'date', itemCls: 'required', readOnly: false, }, { xtype: 'textfield', id: 'name', itemCls: 'required', anchor: '98%', fieldLabel: 'name', name: 'name' }] }, { xtype: 'button', text: 'Save', handler: function(btn, evt) { Ext.getCmp('form').getForm().submit(); } }] 

任何幫助都必須感謝。

Answer 1

您必須將monitorValid ：true添加到form中 。 然后，您可以在表單上使用監聽器clientvalidation （例如）來禁用“提交”按鈕

listeners: {
  clientvalidation : function(form, valid) {
    Ext.getCmp('button-save').setDisabled(!valid);
  }
}

之后，客戶端驗證將按預期進行。 注意： button-save是id ，應該在Save按鈕上。