Question

在我的jqm应用程序中没有标准验证消息的空间。我尝试着色无效的文本字段，但无法真正弄清楚如何解决以下问题：

如果验证失败并有一些超时淡化效果，我该如何更改输入字段的方框图？

像

这样的东西

var fieldIsValid = false;

//validation failed
if (!fieldIsValid) {
    var myinput = $('#myinput');

    myinput.removeClass('box-shadow');
    //and the webkit-box-shadow, how is this called in jqm?

    myinput.addClass('invalidShadowClass');

    setTimeout(function () {
        myinput.removeClass('invalidShadowClass');
        myinput.addClass('standardShadowClass'); //
    }, 3000);
}

我找不到主题css中的部分，其中显式设置了阴影颜色，invalidShadowClass的外观如何？

是否有可能显示invalidShadowClass并在3秒后将其删除？

Answer 1

工作就像一个魅力，感谢@Omar

脚本

function StyleInvalidControl(control) {
    $(control).closest('div').addClass("invalidControl");

    setTimeout(function () {
        $(control).closest('div').removeClass('invalidControl');
    }, 3000);
}

式

.invalidControl {
     -moz-box-shadow: inset 0px 0px 3px #99200F /*{global-active-background-color}*/, 0px 0px 9px #99200F/*{global-active-background-color}*/ !important;
     -webkit-box-shadow: inset 0px 0px 3px #99200F /*{global-active-background-color}*/, 0px 0px 9px #99200F /*{global-active-background-color}*/ !important;
     box-shadow: inset 0px 0px 3px #99200F /*{global-active-background-color}*/, 0px 0px 9px #99200F /*{global-active-background-color}*/ !important;
}

在失败的验证jquerymobile上更改阴影颜色

1 个答案:

脚本

式