ExtJS底层验证

ExtJS underlilning validation

本文关键字:验证 ExtJS      更新时间:2023-09-26

为了验证,我使用了一个参数msgTarget:'side'
输入无效数据时,会出现下划线和感叹号。

如何去掉下划线?

实现这一点的最简单方法是在元素的无效行为上重写元素的基cls类:

.x-form-invalid-field, textarea.x-form-invalid-field {
    background-image: none;
}​

最推荐的方法是创建一个自定义CSS类来做同样的事情,并将其作为属性应用于元素(组件):

.x-form-invalid-field-without-underline {
    background-image: none;
}​
Ext.create('Ext.form.field.Text', {
    ... ,
    invalidCls: 'x-form-invalid-field-without-underline'
});