Extjs 检测表单中没有通过验证的字段
2018-04-02 本文已影响147人
w_w_wei
测试环境: 3.1
当一个表单有很多字段, 同时根据不同情况,有字段显示字段隐藏的情况,并不是很好判断所有字段的校验情况。
只有全部检测一下,判断不通过的,再看是取消检测还是怎么处理。
关键代码只有两句
- 拿到所有字段
this.form.items
- 判断是否检验成功
field.validate()
//关键代码就是 field.validate()
var formPanel = Ext.form.formPanel({
renderTo: "panel",
region: "center",
contentEl: "el",
debug_error: function(){
var invalidFields = [];
this.form.items.filterBy(function(field) {
if (field.validate()) return;
invalidFields.push(field);
});
console.log(invalidFields);
},
items:[{
xtype: "button",
text: "保存",
id: "save_btn",
disabled: true,
renderTo: "submitBtn",
width: 70,
handler:function(){
//在提交按钮输出所有没有通过校验的字段
this.debug_error();
}
}]
})