After clicking the submit button, I want the background color in the text-box to remain visible for at least 5 seconds.
However, it disappears immediately upon submitting.
Here is the code snippet...
<!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>