Возможно с помощю JS создать область в строке ввода в которой писать нельзя?

Question

[Rostyk Ice]

Есть строка ввода:

$('body').append('<input type="text" name="img2" id="img2" value="data/02,06,14/78/h100..jpg" accesskey="ф" >')

возможно чтобы когда нажимал или вызвал строку ввода помощью accesskey="ф" можно было бы писать только после data/02,06,14/78/h100. и до .jpg ?
Тоесть data/02,06,14/78/h100._в этой зоне_.jpg.
Но что бы весь текст со строки отправлялся, тоесть был "читаем" для действия → с помощю скрипта создал строку ввода в которой уже есть юрл картинки и когда пишу название картинки в строку оно отправляет с 1 строки в другие (ускоряю работу).

Answer 1

[Владимир Кудинов]

Думаю, Вам нужно что-то такое jsfiddle.net/au99rr5u

Comments

[Rostyk Ice]

Спасибо. Тоже думал, но как зделать что после ввода в то поле допустим 21 целое data/02,06,14/78/h100..jpg но уже с 21 data/02,06,14/78/h100.21.jpg отправлялось в 2 строки?
код скрипта↓

$('body').append('<input type="text" name="img" id="img1" value="data/02,06,14/78/h1.jpg" accesskey="ф">')                     
  $("#img1").css("position", "absolute").css("top", 142).css("left", 200);
  $('#img1').on( "keyup",function () {                                                             
  $('[name="image_clear"],[name="image"]').val($('[name="img"]').val());  // отправка в другие строки ввода по их названию 
 });

[Владимир Кудинов]

у вас же где-то хранятся строки "data/02,06,14/78/h100." и ".jpg". Просто замените $('[name="img"]').val() на "data/02,06,14/78/h100." + $('[name="img"]').val() + ".jpg". Лучше конечно, если начало и конец строки у Вас в переменных хранятся.

[Rostyk Ice]

qdinov: Не додумался. Огромное спасибо вам!
Я не силен в JS можете дать пример как написать последнюю строку скрипта по вашей идеи?

$('body').append('<input type="text" name="img" id="img1"  accesskey="ф">')                     
  $("#img1").css("position", "absolute").css("top", 142).css("left", 200);
  $('#img1').on( "keyup",function () {                                                             
  $('[name="image_clear"],[name="image"]').val(data/02,06,14/78/h100." + $('[name="img"]').val() + ".jpg); 
 });

Ну или исправить меня.

[Rostyk Ice]

qdinov: Спасибо, сам вставил, просто не думал что "" нужно для кода.