Extjs textfield为空时未显示错误消息

我有一个

textfield

和一个按钮，如果

textfield

为空，我想在用户单击

Send

按钮时弹出一条错误消息。我的代码如下

根据我的代码，即使

文本字段

值为空，我也可以单击

发送

按钮并提交。但是，当我单击文本字段并将其留空时，文本字段的边框将变为红色，当我将

鼠标悬停在
文本字段上时，将弹出一条错误消息

我想做的是，当用户单击Send按钮时，弹出一条错误消息（如果textfield为空）

                    {
                        xtype: 'button',
                        text: 'Send',
                        action: 'send1'

                    },

                    xtype: 'textfield',                            
                        name: 'name',
                        fieldLabel: 'Name',
                        allowBlank: false,
                        blankText: 'Name left blank'
                    },

如果需要显示弹出消息，则需要在按钮单击处理程序中手动执行此操作。ExtJs没有为此提供内置功能。但是，您可以添加

formBind: true

进入按钮定义，ExtJs将禁用按钮，直到所有元素上的所有验证器都通过

                 {
                    xtype: 'button',
                    text: 'Send',
                    action: 'send1'

                },
                {
                    xtype: 'textfield',
                    id:'nameField',
                    name: 'name',
                    fieldLabel: 'Name',
                    allowBlank: false,
                    blankText: 'Name left blank'
                }

通过给出textfield的id，可以在按钮的处理程序中包含以下代码

                if(Ext.getCmp('nameField').getValue().length== 0)
                   Ext.Msg.alert('FormSubmissionError','TextField should not be empty');
                else
                   Submit the form.

Ext.getCmp（'nameField'）.isEmpty（）而不是Ext.getCmp（'nameField'）.getValue（）.length==0更合适，但这种方法对于询问者来说是最容易做到的