$Mail Control with RegeX

by mtambulut

HTML

<input type="text" id="keyup" />

JavaScript

(function(){	
 var inp = document.getElementById("keyup");
 inp.addEventListener("keypress", myEvent, false);
  inp.addEventListener("keyup", myEvent, false);
   inp.addEventListener("keydown", myEvent, false);
 inp.addEventListener("keydown",  keyDown, false);
 
 
 function myEvent(){
 
     if(/\w+@\w+\.\w+/.test(inp.value) == true){
       inp.style.cssText = "background-color:green;"
     }else if(inp.value !== ""){
    	 inp.style.cssText = "background-color:red;"
     } else if(inp.value === ""){
       inp.style.cssText = "background-color:none;"
     }
     
 }
 
 function keyDown(event){
 		var keyID = event.keyCode;
    switch(keyID){
    		case 8:
        		myEvent();
         /*  if(/\.$/.test(inp.value)){
                 inp.style.cssText = "background-color:none;"
             } 
              if(inp.value == ""){
                 inp.style.cssText = "background-color:none;"
             }  */
        break;
        
        default:
        break; 
    }
 }
})();