2

我有一个和一个按钮，如果留空或为空textfield，我想在用户单击按钮时弹出错误消息。我的代码如下；Sendtextfield

Send根据我的代码，即使textfield值为空，我也可以单击按钮并提交。但是，当我单击文本字段并将其留空时，文本字段的边框会变为红色，并且当我hover超过时textfield会弹出一条错误消息。

我想要做的是，当用户单击“发送”按钮时，弹出一条错误消息（如果文本字段为空）。

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

                    },

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

2 回答 2

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

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

通过提供文本字段的 id，您可以在按钮的处理程序中使用以下代码

                if(Ext.getCmp('nameField').getValue().length== 0)
                   Ext.Msg.alert('FormSubmissionError','TextField should not be empty');
                else
                   Submit the form.
于 2012-08-16T13:38:54.213 回答
1

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

formBind: true

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

于 2012-08-15T11:34:46.207 回答