Question

我希望单击提交按钮后文本框中的背景颜色至少保持5秒

但是点击提交按钮后它就会消失。

这是我的代码......

<!DOCTYPE>
<html>
<head>
<title>Text Boxes With Aplhabets </title>
</head>
<body>`enter code here`

<script type="text/javascript">

 frm.alphabets.value="";
function AllowAlphabets(){
               if (!frm.alphabets.value.match(/^[a-zA-Z]+$/) )
               {

                    frm.alphabets.focus(); 
                    frm.alphabets.style.background="Red";
                    //alert("Please Enter only alphabets");
               }

}      
</script>

<form name="frm"   onsubmit="return AllowAlphabets()">
Enter Aplhabets: <input type="text" name="alphabets" />
<input type = "submit" value = "Submit">
</form>
<br;>
</body>
</html>

Answer 1

使用setTimeout()

示例：

setTimeout(myFunction, 2000);

或

setTimeout(function () {

//code here
}, 2000);

参考：MDN

文本框的背景颜色

1 个答案: