Background color of Text-box

Question

I want the background color in the text-box to stay for at least 5 seconds after i click the submit button

but it is disappearing as soon as i click submit button.

This is my code...

<!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

use setTimeout()

example :

setTimeout(myFunction, 2000);

or

setTimeout(function () {

//code here
}, 2000);

reference : MDN

Background color of Text-box

Question

1 answers

solution1
1 2014-07-09 09:46:25

Background color of Text-box

Question

1 answers

solution1 1 2014-07-09 09:46:25

solution1
1 2014-07-09 09:46:25