Как установить в input неудаляемый текст?

594
30 марта 2017, 18:38

Проще всего обьяснить суть задачи на скрине:

На изображении есть поле в котором bit.ly уже предустановлено как значение (а может и нет) и его удалить нельзя. Все что я могу сделать в этом поле это редактировать значение после слеша. Как сделать такое решение?

Answer 1

Здесь можешь посмотреть как он работает

http://jsfiddle.net/shvr9afd/1/

<input type="text" value="Эй ты! А ну иди сюда! " style="width: 500px;" class="test">
<script>
var $inp = $(".test"), prevVal = '',
    reference = "Эй ты! А ну иди сюда! ";
function change (val) {
    var ind = val.indexOf(reference);
    if (ind !== 0) {
        $inp.prop("value", prevVal || reference);
    } else {
        prevVal = val;
    }
}
$inp.on("input", function () {
    var val = $(this).prop("value");
    change(val);
});
</script>
READ ALSO
Слайдер в моб.версии

Слайдер в моб.версии

При верстке использовал skd-slider, работает хорошо, но когда открываю сайт на смартфоне, не могу нажимая на слайдер перемещаться по сайту, другие...

221
Как сбросить кэш страницы через Javascript?

Как сбросить кэш страницы через Javascript?

Есть страница сайта, на ней данные подгружаются динамически через AJAXКак сделать, чтобы при переходе по истории (кнопки браузера "Вперед"/"Назад")...

321
Три цвета фона расположенные под углом

Три цвета фона расположенные под углом

Как мне получить фон, похожий на этот образ:

236