javascript – ExtJS 4 – 如果自定义验证失败,如何标记表单字段无效并在其周围显示红色边框(如ExtJS默认)

前端之家收集整理的这篇文章主要介绍了javascript – ExtJS 4 – 如果自定义验证失败,如何标记表单字段无效并在其周围显示红色边框(如ExtJS默认)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表单,其中一些字段需要在服务器端验证.

提交表单时,服务器验证这些字段的值,如果验证失败,则服务器返回成功:false(以及验证失败的每个字段的名称错误消息).

现在,我需要显示“无效”字段,并在它们周围应用相同的红色边框,如果客户端验证失败,则默认由ExtJS完成.

我尝试使用以下内容

Ext.getCmp(‘fieldId’).markInvalid()和invalidCls:’x-form-invalid-field’

我在form.submit的’failure’回调函数中使用了上述语句.调用这些语句但不对这些字段应用任何影响.

因此,任何人都可以指导以下内容

自定义验证失败时,如何标记字段invaild并在其周围应用相同的效果(具有红色边框)?

提前致谢.

解决方法

从服务器获取错误消息
Ext.getCmp('your_form_id').getForm().findField('field_id_or_field_name').markInvalid('server_error_message');

猜你在找的JavaScript相关文章