<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" name="viewport" content="width=device-width ,initial-scale=1"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> </head> <body> <head> <nav class="navbar navbar-default"> <div class="container-fluid"> </div> </nav> </head> <div class="col-md-6 well"> <hr style="border-top:1px dotted #ccc;"/> <div class="col-md-4"> <form> <div class="form-group"> <input type="text" class="form-control" id="email" /> </div> </form> </div> </div> </body> </html>
function checkEmail(){ var email=document.getElementById('email').value; if(email==""){ alert("Please enter something first!"); }else{ var emailValidate=/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i; if(emailValidate.test(email)){ document.getElementById('result').innerHTML="<center><h5 class='text-success'>Email validated!</h2></center>"; }else{ document.getElementById('result').innerHTML="<center><h5 class='text-danger'>Email verification failed!</h2></center>"; } } }