You are on page 1of 1

<html>

<head>
<script>
function validate()
{
var name = document.getElementById("user").value;
var regx = /^[\w \.]+@[a-z]+\.[a-z]+\.?[a-z]+$/
if(name.match(regx))
{
document.getElementById("lbtext").innerHTML="Valid";
document.getElementById("lbtext").style.visibility =
"visible";
document.getElementById("lbtext").style.color = "green";
}
else
{
document.getElementById("lbtext").innerHTML = "Invalid";
document.getElementById("lbtext").style.visibility =
"visible";
document.getElementById("lbtext").style.color = "red";
}

}
</script>
</head>
<body>
<form>
<input id = "user" style="width:15%" placeholder = "Enter Mail"
type = "text"/><br>
<label id = "lbtext" style = "color:red; visibility:hidden">
</label>
<br><br>
<button onclick = "validate()" type="button">Submit</button>
</form>
</body>
</html>

You might also like