extjs - 使用 extjs4 在 div 中显示验证错误

Question

我正在尝试为表单添加验证（它的强制性字段很少，只有很少的 alpha 和最大长度验证）。我需要在表单的左上角显示错误消息（可能有多少），其中我有一个带有 ID 的 div。我不确定要开始，因为这将是我第一次尝试验证。任何人都可以在网上发布一个简单的例子或任何例子（我搜索了很多，但找不到任何符合我需要的东西），这样我就可以开始......请帮助......

Answer 1

您可能会阅读的链接：

• Ext.form.Basic
• Ext.form.field.Field getErrors 方法
• 使用 VType 的高级验证示例

你可以用这个做的一个例子（现场例子在这里）：

var errors = [];
var fields = form.getFields(); // form : Ext.form.Basic
var errorsTpl = new Ext.XTemplate(
    '<ul><tpl for="."><li>{field} : {error}</li></tpl></ul>'
);
fields.each(function (field) {
    errors = errors.concat(Ext.Array.map(field.getErrors(), function (error) {
        return { field: field.getName(), error: error }
    }));
});
errorsTpl.overwrite('myOutputDiv', errors);