javascript - 用jquery高亮textarea边框一段时间

Question

我如何突出显示文本区域的边界，以引起用户注意那里缺少/不正确的内容？我想让它闪烁一段时间。这可以用css3来完成吗？非常感谢! (提示，当用户按下 L 键时它会继续)。

<textarea></textarea>





if(e.keyCode == 13)
executeGlowBorder();

http://css-tricks.com/snippets/css/glowing-blue-input-highlights/类似的效果(但我只想延长一定时间)

Answer 1

如果我没有正确理解您的要求，那么有多种方法可以实现您的目标。其中之一是混合使用 addClass、removeClass 和 fadeIn/fadeOut 来临时突出显示。看看这个Fiddle如果这就是您想要实现的目标，请告诉我。

$('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 也可以做到的方法，但它更不漂亮。