Как в поле ввода номера задать регулярное выражение для укр. телефона со статическими +380 …?

#javascript #jquery #html5 #css3

Всем привет. Есть простая форма: поле для ввода телефона (для Украины) и кнопка отправки.
С помощью паттерна задал регулярное выражение, но не то. Нужно чтобы в поле при наборе
номера отображались 4 символа +380.
а дальше уже пользователь вносит остальные цифры?
вот форма:


            

            
            
            
          

    

Ответы

Ответ 1

Я думаю, Вам нужно воспользоваться маской. Например, этой.

HTML:




JS:

$(document).ready(function(){
    $('.phone-mask').mask('+38-000-000-0000');
});


Update:

Чтобы всё удовлетворяло Вашим требованиям, вот код, я проверил:



    
    


    
    




Здесь важно заметить, что замену 0 на число, я меняю в глобальных настройках так,
чтобы n менялось на число. Тогда введя такую маску, код +380 будет определяться сам. 

P.S. Еще хочу заметить по поводу юзабилити. Если Вы не хотите давать менять эту часть
телефона - ее, по моему мнению, лучше вынести за пределы инпута. Или, как минимум,
в дизайне жестко намекнуть, что эта часть телефона не меняется (например, тусклым цветом
шрифта)


Ответ 2

$(function () {
  $("input").one('focus', function () {
    $(this).val("+380-")
  });
});



    
    



Ответ 3

$("#Phone").mask("+380(99) 999-99-99")


или

$("#Phone").mask("+38(999) 999-99-99")