Javascript 窗口中的Extjs验证面板

提供： 外部表单面板：

this.myForm = Ext.create("Ext.form.Panel", {
            items : [{
                xtype : 'textfield',
                name : 'val1',
                fieldLabel : 'val1',
                            allowBlank: false,
                validator : function(value) { // validate val1
                    if (!(/^[a-zA-Z]+[\w]*$/.test(value)))
                        return "val1 is not valid";
                    return true;
                }
            }, {
                xtype : 'textfield',
                name : 'code',
                fieldLabel : 'val2',
                allowBlank: false,
                validator : function(value) { // validate val2
                    if (!(/^[a-zA-Z]+[\w]*$/.test(value)))
                        return "val2 is not valid";
                    return true;
                }
            }]
        });

然后将其传输到窗口：

Ext.window.window：

this.myForm = Ext.create("Ext.form.Panel", {
            items : [{
                xtype : 'textfield',
                name : 'val1',
                fieldLabel : 'val1',
                            allowBlank: false,
                validator : function(value) { // validate val1
                    if (!(/^[a-zA-Z]+[\w]*$/.test(value)))
                        return "val1 is not valid";
                    return true;
                }
            }, {
                xtype : 'textfield',
                name : 'code',
                fieldLabel : 'val2',
                allowBlank: false,
                validator : function(value) { // validate val2
                    if (!(/^[a-zA-Z]+[\w]*$/.test(value)))
                        return "val2 is not valid";
                    return true;
                }
            }]
        });

---

如何在操作：保存时从someWindow验证myForm中的val1和val2？

那些

验证程序

函数将根据用户类型验证值，因此这些函数足以进行客户端验证。但是，您还需要对这些值进行服务器端验证，因为知道javascript在做什么的用户可以轻松地在客户端修改javascript。

这将调用验证程序函数

处理程序：函数（按钮）{ var valid=button.up（'window'）.down（'form'）.getForm（）.isValid（）； 如果（有效）{ ... } } 编辑：

或者，将保存按钮移动到表单

按钮

配置中，并将选项

formBind:true

添加到按钮中。只要表单无效，这将禁用该按钮