extjs - extjs4を使用してdivに検証エラーを表示する

Question

フォームの検証を追加しようとしています（マンダトリーフィールドがほとんどなく、アルファのみと最大長の検証がほとんどありません）。ID付きのdivがあるフォームの左上に、エラーメッセージ（いくつあるか）を表示する必要があります。これが私の最初の検証の試みになるので、最初から始めるかどうかはわかりません。誰かが簡単な例やネットの例を投稿して（私はたくさん検索しましたが、私のニーズに一致するものを見つけることができませんでした）、私が始めることができます...Plsヘルプ...

Answer 1

あなたが読むかもしれないリンク：

• Ext.form.Basic
• Ext.form.field.FieldgetErrorsメソッド
• 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);