Проще всего обьяснить суть задачи на скрине:
На изображении есть поле в котором bit.ly уже предустановлено как значение (а может и нет) и его удалить нельзя. Все что я могу сделать в этом поле это редактировать значение после слеша. Как сделать такое решение?
Здесь можешь посмотреть как он работает
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>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей