you are in: codestacker → codes [RSS] → tag: scriptaculous [RSS]

realtime email validation Delicious Email

requires prototype and script.aculo.us
demo: http://ajaxorized.com/examples/scriptaculous/email.html

show/hide lines
   1  var isValid = false;
   2  
   3  validateEmail = function(e) {
   4  	if(/^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$/.test(e.value)) {
   5  		if(!isValid) {
   6  			$(e).morph('border-color:#00FF00', {duration:.3});
   7  			isValid = true;
   8  		}
   9  	} else {
  10  		if(isValid) {
  11  			$(e).morph('border-color:#FF0000', {duration:.3});						
  12  			isValid = false;					
  13  		}
  14  	}	
  15  }
  16  
  17  // <input type = "email" id = "myinput" onKeyUp = "validateEmail(this)" />
created by leozera — 22 November 2008 — get a short url — tags: javascript prototype scriptaculous validation — embed