Member 12926744 Ответов: 1

Маскировка и проверка телефонных номеров

Всем привет,

Мне нужно замаскировать телефонный номер в следующем формате :

(XXX)-XX-XXXXXXX

например:(971)-05-8907645

здесь первые 3 числа, то есть в скобке (971), должны быть постоянными и не могут быть редактируемыми.Пользователь должен ввести оставшиеся числа.Кто-нибудь может мне помочь, пожалуйста.Заранее спасибо.

Что я уже пробовал:

<asp:TextBox ID="txt_mobile" TabIndex="6"  runat="server"  Width="200px" CssClass="textboxAll" ></asp:TextBox>
                                            <asp:MaskedEditExtender ID="MaskedEditExtender1" runat="server" TargetControlID="txt_mobile" Mask="(999)999-9999" ClearMaskOnLostFocus="false"></asp:MaskedEditExtender>

1 Ответов

Рейтинг:
1

Sreekanth(Software Developer)

Это может быть достигнуто с помощью проверки javascript.пожалуйста, смотрите нижеприведенную функцию 

HTMLInputElement.prototype.maskPhoneNumber = function maskPhoneNumber(readOnlyStart, readOnlyEnd) {

           this.addEventListener('keydown', function (event) {
               var which = event.which;
               if (((which == 8) && (this.selectionStart <= readOnlyEnd && this.selectionStart >= readOnlyStart)) ||
                 ((which == 46) && (this.selectionStart < readOnlyEnd))) {
                   event.preventDefault();

               }


           });
           this.addEventListener('keypress', function (event) {
               var which = event.which;
               if ((event.which != 0) && (this.selectionStart < readOnlyEnd && this.selectionStart > readOnlyStart)) {
                    event.preventDefault();

               }
           });
       }


и вызовите функцию 

document.getElementById("txt_mobile").maskPhoneNumber(0, 6);


HTML 

<input type="text" id="txt_mobile" value="(971)-"  />