突出textarea邊界與jQuery的一段時間

我如何突出顯示一個textarea的邊界，以便呼籲用戶注意那些在那裏丟失/不正確的東西？我想讓它閃爍一段時間。這可以用css3來完成嗎？非常感謝你！（提示，當用戶按下鍵時它會繼續）。突出textarea邊界與jQuery的一段時間

<textarea></textarea> 





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

http://css-tricks.com/snippets/css/glowing-blue-input-highlights/類似的效果（但我只希望它的一定的時間期限延長）

來源

2014-01-29 user111671

使用按鍵事件 – Satpal

@Satpal我知道，這不是我想要指向的點 – user111671

與'setTimeout'結合使用 – crush

如果我理解正確的話你的要求，有多種方式來實現你想要什麼。其中之一將是使用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的情況下完成，但它更不漂亮。

來源

2014-01-29 21:55:21 Kad

突出textarea邊界與jQuery的一段時間

回答

相關問題