满足条件时更改字段的颜色答案

【问题标题】：Change color of the field when condition is satisfied满足条件时更改字段的颜色
【发布时间】：2017-03-28 19:52:47
【问题描述】：

例如，我有输入类型为“电子邮件”的文本字段。我已将字段的默认颜色设置为粉红色。如果输入是正确的电子邮件格式，我希望将文本字段的颜色更改为白色。我该怎么做？

eg 代码：

xtype: 'textfield',
labelWidth : 250,
fieldStyle: 'background-color : #F5A9A9',
vtype :  'email',
fieldLabel: 'email address'

【问题讨论】：

标签： extjs

【解决方案1】：

在这种情况下，首先我们需要检查天气输入值是否为电子邮件。为此，我们正在使用 var fieldValidation = Ext.form.field.VTypes.email(val); 如果 fieldValidation 为真，则输入值为电子邮件。一旦我们验证了输入值，我们只需更改背景颜色。 this.setFieldStyle("background-color : #FFFFFF")

你的代码会喜欢：

    {
        xtype: 'textfield',
         fieldStyle: 'background-color : #F5A9A9',
        vtype :  'email',
        fieldLabel: 'email address',
        validator : function(val){
        var fieldValidation =  Ext.form.field.VTypes.email(val);
           if(fieldValidation == true){
              this.setFieldStyle("background-color : #FFFFFF");
           }
        }
    }

我为你创造了一个小提琴。请看一看。 Working Fiddle.

另外我附上 Vtype 的文档，帮助你正确理解。 Doc

【讨论】：