Phone mask with jQuery and Masked Input Plugin

前端 未结 15 1504
夕颜
夕颜 2020-11-28 06:54

I have a problem masking a phone input with jQuery and Masked Input Plugin.

There are 2 possible formats:

  1. (XX)XXXX-XXXX
  2. (
15条回答
  •  误落风尘
    2020-11-28 07:35

    The best way to do it on blur is:

                            function formatPhone(obj) {
                            if (obj.value != "")
                            { 
                                var numbers = obj.value.replace(/\D/g, ''),
                                char = {0:'(',3:') ',6:' - '};
                                obj.value = '';
                                upto = numbers.length; 
    
                                if(numbers.length < 10) 
                                { 
                                    upto = numbers.length; 
                                }
                                else
                                { 
                                    upto = 10; 
                                }
                                for (var i = 0; i < upto; i++) {
                                    obj.value += (char[i]||'') + numbers[i];
                                }
                            } 
                        }
    

提交回复
热议问题