Javascript 使用jquery高亮显示textarea边框一段时间

我如何突出显示文本区域的边框，以便提醒用户注意缺少/不正确的内容？我想让它闪烁一段时间。这可以通过css3实现吗？非常感谢你！（提示，当用户按下L键时，该功能将继续）

如果（e.keyCode==13）
executeGlowBorder（）；

---

类似的效果（但我只希望它延长一段时间）

如果我正确理解了您的请求，那么有多种方法可以实现您想要的。其中一种方法是混合使用

addClass

、

removeClass

和

fadeIn

/

fadeOut

作为临时高亮显示。看看这个，让我知道这是否是你想要实现的

$('textarea').change(function () {
    if (!isValidEmailAddress($(this).val())) {
        $(this)
            .fadeIn(750).addClass('glow')
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750);
    } else {
        $(this).removeClass('glow');
    }
});

---

---

您要求使用CSS3解决方案，但您的问题标签包括JQuery；我猜JQuery可以包含在建议的解决方案中。也有一种不用JQuery的方法，但它要漂亮得多

@Satpal我知道，我不想把它与

setTimeout

$('textarea').change(function () {
    if (!isValidEmailAddress($(this).val())) {
        $(this)
            .fadeIn(750).addClass('glow')
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750)
            .fadeOut(750).fadeIn(750);
    } else {
        $(this).removeClass('glow');
    }
});