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

Tagged with:

Leave a Reply