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

Question

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

Answer 1

您可以阅读的链接：

• Ext.form.Basic
• Ext.form.field.Field getErrors method
• Advanced Validation Examples Using VTypes

您可以使用此功能执行的示例（live example here）：

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);