US ZIP Validation using jQuery

HTML

  1. <input type="text" class="us_zip" />

jQuery

  1. $(document).ready(function(){
  2. 	$('body').on('blur','.us_zip',function(){
  3. 		$(this).val(IsValidZipCode($(this).val()));
  4. 	});
  5. 	$('body').on('keyup','.us_zip',function(event){
  6. 		event = event || window.event;
  7. 		if((event.which>95 && event.which<106) || (event.which>47 && event.which<58)){
  8. 			$(this).val(IsValidZipCode($(this).val()));
  9. 		}
  10. 	});
  11. });
  12.  
  13. function IsValidZipCode(zip) {
  14. 	var numbers = zip.replace(/\D/g, '');
  15. 	//var numbers = zip;
  16. 	var new_value = '';
  17. 	new_value = numbers.substr(0, 5);
  18. 	return new_value;
  19. }

 

Live Example: JSFiddle

Posted in JavaScript, JQuery by Leave a comment

US Phone Number Validation using jQuery

HTML

  1. <input type="text" class="us_phone" />

jQuery

  1. $(document).ready(function(){
  2. 	$('body').on('blur','.us_phone',function(){
  3. 		formatPhone($(this));
  4. 	});
  5. 	$('body').on('keyup','.us_phone',function(event){
  6. 		event = event || window.event;
  7. 		if((event.which>95 && event.which<106) || (event.which>47 && event.which<58)){
  8. 			formatPhone($(this));
  9. 		}
  10. 	});
  11. });
  12.  
  13.  
  14. function formatPhone(obj) {
  15.     var numbers = obj.val().replace(/\D/g, '');
  16.     var char = {0:'',3:'-',6:'-'};
  17.     var new_value = '';
  18.     for (var i = 0; i < numbers.length; i++) {		
  19. 			new_value += (char[i]||'') + numbers[i];		      
  20.     }
  21. 	new_value = new_value.substr(0, 12);
  22. 	obj.val(new_value);
  23. }

 

Live example : JSFiddle

Posted in JavaScript, JQuery by Leave a comment