Question

extjs getForm().isValid()是如何进行验证的

extjs getForm().isValid()是如何进行验证的

Answer 1

这个函数会调用已经定义的校验规则来验证输入框中的值，如果通过则返回true

比如下面的allowBlank : false就是已经定义好的校验规则

var olt_restart_onu_form = new Ext.form.FormPanel({
    autoHeight : true,
    autoWidth:true,
    id : 'olt_restart_onu_form',
    labelAlign : 'right',// 标签位置，默认left，还有top
    labelWidth : 100,// 标签长度
    closable : true,
    layout : 'column',
    frame : true
    items : [{
        xtype : 'fieldset',
        // checkboxToggle:true,
        autoHeight : true,
        width : 400,
        items : [{
                    xtype : 'numberfield',
                    width : 250,
                    fieldLabel : '槽位',
                    name : 'olt_restart_onu_cw',
                    allowBlank : false
                    }, {
                    xtype : 'numberfield',
                    width : 250,
                    fieldLabel : '端口',
                    name : 'olt_restart_onu_dk',
                    allowBlank : false
                    }, {
                    xtype : 'numberfield',
                    width : 250,
                    fieldLabel : 'ont id',
                    name : 'olt_restart_onu_ont',
                    allowBlank : false
                    }]
        }]
});

这个form，提交的时候，会验证是否为空，为空，返回false，你无法提交。

Answer 2

验证extjs getForm().isValid()有两个步骤。

extjs getForm().isValid()验证有助程序更好地运用在系统中，如果无法正常验证，那么将来会影响整个系统的运作，建议在匹配系统前进行验证。

1. 根据配置的验证规则验证，由vtype配置，表单项如textfield和textarea之类都支持该配置。因此，可以选择其中一类进行配置，然后获取数据。

2. ext通常都会自带一些基础验证vtype，因此可以直接使用，如需更多方式可以自行扩展vtype，最后根据得出的数据，就可以耐心地进行验证。

这就是extjs getForm().isValid()的验证方法。如果无法进行验证，那么证明程序不能很好匹配系统。