Как сделать часть текста в поле input не удаляемую?

Question

[zljuka]

Подскажите как такое сделать, допустим, есть поле ввода телефона. Нужно, чтобы префикс, допустим +38 невозможно было удалить.

Answer 1

[iBird Rose]

https://github.com/RobinHerbots/Inputmask

Answer 2

[Станислав]

Нечего тогда эту часть вообще в input пихать. Прилепи рядом, а как ты это оформишь это уже второй вопрос. Например ребята из бутстрапа предлагают такой вариант:

А так конечно можно смастерить адский велосипед на js, но зачем?

Answer 3

[Антон Середний]

Либо яваскриптом контролировать по маске

Либо делать еще один элемент вроде span, в нем держать текст нужный и его абсолютом надвинуть на поле ввода, чтобы ввод начинался после спана как раз. Но это бредово немного.

Answer 4

[Петр]

Так не вносите эту часть в input элемент, а отображайте в другом элементе.
Если нужно, то можете в input type='hidden' ее сохранить, а на сервере соединять значения из инпутов.

Comments

[Станислав]

зачем ее передавать, если сервак сам выдал неизменяемое значение, а значит он в курсе что нужно прилепить.

[Петр]

Станислав: Это если выдал, а если его в js со страницы установили? ))

[Станислав]

если неизменяемое значение динамически выбирается другим элементом, типо селекта, то да, но само значение скорее всего не выбирается, а выбирается что-то косвенное, например страна и город, а в соответствии с ними устанавливаются неизменяемые значения, в этом случае серваку лучше получить те самые страну и город и самому определить что прилепить, а не ждать от клиента это.

Answer 5

[rememberMEguys]

<input type="text" value="неудаляемый текст инпута" READONLY>

Когда к тегу добавляется атрибут readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов.