Как заменить все пробелы в строке ввода знаком « — » с помощью JS?

Question

[Rostyk Ice]

Здравствуйте, подскажите как заменить все пробелы в строке ввода на знак "-" ?
Вот пример строки ввода и js, не знаю как подключить 1 к другому:

$('body').append('<input type="text" name="vir" id="vir" size="7"  placeholder="TEXTA"  style="border-width: 0px;" >')                     
  $("#vir").css("position", "absolute").css("top", 260).css("left", 270).css({ color: "red" });
var str = "нужно убрать все пробелы в строке ввода и заменить на -";
alert(str.replace(/\s/ig, '-'));

Answer 1

[Алексей Захаров]

$('body').append('<input type="text" name="vir" id="vir" size="7"  placeholder="TEXTA"  style="border-width: 0px;" >')                     
  $("#vir").css("position", "absolute").css("top", 260).css("left", 270).css({ color: "red" });

$('body').on('keyup', '#vir', function(event) {
	event.preventDefault();
	$(this).val($(this).val().replace(/\s/ig, '-'));
});

Comments

[Rostyk Ice]

А если у строки ввода есть только name?

[Rostyk Ice]

Просто я не могу добавить строке ввода ID , а у нее есть только name.

[Rostyk Ice]

да ну, я не хочю создавать еще 1 тему .....((

[Алексей Захаров]

Rostyk Ice: в приведенном вами коде id задан же

[Алексей Захаров]

ну а вообще что-то типо такого $('body').on('keyup', 'input[name="vir"]', function(event) {
event.preventDefault();
$(this).val($(this).val().replace(/\s/ig, '-'));
});

[Rostyk Ice]

Алексей Захаров: ураааа:) Спасибо!

[Rostyk Ice]

Алексей Захаров: Вопрос не по теме: У меня в эту строку посылаешь текст с других строк ввода, на что заменить keyup что бы не пришлось нажимать в этой строке кнопку, а что бы после вставки текста с других строк скрипт срабатывал?

[AngReload]

Rostyk Ice: тогда вместо 'keyup' напишите 'change'

[Rostyk Ice]

AngReload: change не работает, но я что бы послать с других строк ввода текст в строку ввода в которой работает замена пробелов я нажимаю на кнопку с id="mno" может будет работать если после нажатаия на кнопку которая перемещает текст с других строк в строку ввода з заменой пробелов и тогда будут заменяться пробелы?

[AngReload]

Rostyk Ice: Запутано говорите. Так понимаю:
Есть поля 1, 2 и 3. И кнопка, по нажатию на которую, поле 3 заполняется из 1 и 2.
Значит можно прямо в обработчике этой кнопки сделать замену.

[Rostyk Ice]

AngReload:

$('body').append('<input type="button" value="a" id="mno" style="border-width: 0px; background: url(images/opacity.png);">')
  $("#mno").css("position", "absolute").css("top", 300).css("left", 5).css({ color: "red" });
  $('#mno').click(function(){
  $('[name="keyword"]').val($('[name="vir"]').val() + "-" + $('[name="category_description[3][name]"]').val());
  });
$('body').append('<input type="text" name="vir" id="vir" size="7"  placeholder="TEXTA"  style="border-width: 0px;" >')                     
  $("#vir").css("position", "absolute").css("top", 260).css("left", 270).css({ color: "red" });
$('body').on('keyup', 'input[name="keyword"]', function(event) {
  event.preventDefault();
  $(this).val($(this).val().replace(/\s/ig, '-'));
});

Извините что не могу толком пояснить, спасибо за понимание.
Строка ввода которая заменяет пробелы name="keyword" кнопка на которую нажимаю id="mno"

[AngReload]

Rostyk Ice: сравните, я обернул значения получаемые из полей в скобки и дописал туже замену что и при вводе:

$('body').append('<input type="button" value="a" id="mno" style="border-width: 0px; background: url(images/opacity.png);">')
  $("#mno").css("position", "absolute").css("top", 300).css("left", 5).css({ color: "red" });
  $('#mno').click(function(){
  $('[name="keyword"]').val(($('[name="vir"]').val() + "-" + $('[name="category_description[3][name]"]').val()).replace(/\s/ig, '-'));
  });
$('body').append('<input type="text" name="vir" id="vir" size="7"  placeholder="TEXTA"  style="border-width: 0px;" >')                     
  $("#vir").css("position", "absolute").css("top", 260).css("left", 270).css({ color: "red" });
$('body').on('keyup', 'input[name="keyword"]', function(event) {
  event.preventDefault();
  $(this).val($(this).val().replace(/\s/ig, '-'));
});

[Rostyk Ice]

AngReload: Спасибо Вам !:) Последние 3 строки можно удалять :)