提交前的 Extjs 表单验证

【问题标题】：Extjs Form Validation before Submit提交前的 Extjs 表单验证
【发布时间】：2013-06-22 07:03:33
【问题描述】：

我有一个 Extjs 表单，它需要一些验证，例如当我输入字母而不是数字时，它应该在我提交之前提醒我。直接在我在字段中输入一个数字之前。我该如何构建它？

【问题讨论】：

类似this?

标签： javascript forms validation extjs extjs4

【解决方案1】：

试试这个：

onFormSubmit: function(btn, event) {
        var me        = this,
        form      = btn.up('form').getForm();
        if(form.isValid()) {
            //submit form
        }
        else alert('Invalid form');
    }

【讨论】：

【解决方案2】：

buttons: [{
    text: "Continue",
    margin: "0 5 10 0",
    handler: function () {
        var getForm = this.up("form").getForm();
        if (getForm.isValid()) {
            code her if form is valid
        } else {
             Ext.MessageBox.show({
                title: "ERROR-A1001",
                msg: "Please fill the required fields correctly.",
                buttons: Ext.MessageBox.OK,
                icon: Ext.MessageBox.WARNING
            });
        }
    }
}]

【讨论】：