Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.08.2018, 07:09
Интересующийся
Отправить личное сообщение для ekad Посмотреть профиль Найти все сообщения от ekad
 
Регистрация: 17.04.2013
Сообщений: 21

Input для телефона
Здравствуйте.
Например есть Input

есть такие данные:

7
380

нужно при вводе цифр в поле, чтобы первые три цифры сравнивались с данными, то есть при вводе первой цифры идет сравнение с данными, если нет совпадений ничего не происходит, вводиться вторая цифра, и так до 3 цифры. Если совпадения не находятся, то больше трех цифр в поле ввести нельзя.

Если совпадение есть, например ввел 7, то в поле input после введенной цифры 7 появляются скобки, которые захватывают последующие введенные три цифры от всех остальных.


После найденного совпадения так же устанавливается количество введенных цифр в поле. Для 7 например это 10 цифр, для 380 это 9 цифр
Ответить с цитированием
  #2 (permalink)  
Старый 05.08.2018, 20:21
Кандидат Javascript-наук
Отправить личное сообщение для Strongman Посмотреть профиль Найти все сообщения от Strongman
 
Регистрация: 22.03.2016
Сообщений: 132

Может быть попробовать событие onchage="JavaScriptFunction()". Кто как думает?
Ответить с цитированием
  #3 (permalink)  
Старый 06.08.2018, 02:49
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<select id="pref">
		<option>380</option>
		<option>7</option>
	</select>
<input type="text" id="num">
	<script>
repl=()=>num.value = num.value.replace(/\D/g, '').replace(/\d{9,}/g, m=>m.slice(0,9+pref.selectedIndex));
num.oninput = repl;
pref.onchange = repl;
	</script>

Последний раз редактировалось j0hnik, 06.08.2018 в 04:24.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавить форму для телефона davidoff Элементы интерфейса 8 14.08.2017 09:45
Событие oninput для input type="date" не решает мою задачу. Помогите найти вариант Илья_Яришов Элементы интерфейса 1 29.08.2016 13:26
value для input warobushek Общие вопросы Javascript 5 11.06.2010 09:05
Дописать JS и PHP валидатор для телефона 3-3-4 conductor3 Работа 1 10.05.2010 23:01
Разным элементам input - разное форматирование. Как? eclipse (X)HTML/CSS 1 25.10.2007 12:55