jquery - 如何使用jquery改变文本框的背景颜色3秒?

标签 jquery forms time submit

我正在做一个文本框,如果不满足要求,那么背景将变为黄色,但我只想背景保持黄色 3 秒......我该怎么做?

这就是我现在所拥有的,但黄色背景仍然存在......

$("#form").on("submit",function(){


user = $("#username").val().length;
userErrorBg = $('#username').css('background','yellow');


if(user < 3 || user > 6)
{

    setInterval("userErrorBg",0);

}

})

我正在考虑在某处放置一个clearInterval,但我需要一个时间计数,对吗?

最佳答案

如果您认为 setTimeout(function(){},time) 在特定时间段内仅工作一次,则最好使用 setTimeout(function(){},time),而不是 setInterval(function(){}, time) ) 在给定的特定时间段后重复该函数。

试试这个:

$("#form").on("submit", function () {
    user = $("#username").val().length;
    if (user < 3 || user > 6) {
       $('#username').css('background', 'yellow'); //<---need to put it here
       setTimeout(function () {
           $('#username').css('background', 'white').focus(); //<--add focus too
       }, 3000);
       return false;
    } 
}); 

CHECKOUT THE DEMO FIDDLE

This POST could help you .

关于jquery - 如何使用jquery改变文本框的背景颜色3秒?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15674762/

相关文章:

javascript - Turbolinks 消灭了 jQuery Mobile 类

php - Symfony2 : Prevent duplicate in database with form Many to One

PHP - 登录后如何获取正确的名字和姓氏?

ruby-on-rails - rails : time_select helper validation on previous given time?

datetime - 处理亚秒精度 UTC 时间算术中的闰秒

jQuery 将类添加到下一张或上一张图像——只能运行一次?

jquery - 如何不在 html 内容中预加载图像

javascript - 未定义不是有效函数上的函数

javascript - 根据另一个输入值更改输入值

java - 时间 毫秒 到 hh :mm:ss format in java