Динамическое изменение value формы в js — как устранить ошибку дублирования?

Question

[paulle]

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

if (document.getElementById("mess").value == 'Курьер') {
	document.getElementById("gift_mess").value = 'добавленный текст '+document.getElementById("gift_mess").value+'';
}

Например, пользователь ввел пользовательский текст в поле input, который должен по кнопке отправки формы быть измененным на добавленный текст + пользовательский текст, вышеуказанный код модифицирует значение поля так, что на выходе получается 2 раза добавленный текст и затем пользовательский текст

Как победить?

спасибо

Comments

[MrColdCoffee]

будем гадать на кофейной гуще?

предоставьте побольше кода.

[paulle]

MrColdCoffee, все это завернуто в функцию

function makeCity(currentValue){ }

вызов которой происходит в блоке

<input type="submit" name="processCarrier" id="myform" onClick="makeCity();" class="inp_button_next"></div>

при клике на кнопку, происходит двойное добавление текста

[godi0078]

Попробуй вот так:

if (document.getElementById("mess").value === "Курьер") {
	const input = document.getElementById("gift_mess");
	const text = input.value;
    input.value = `добавленный текст ${text}`;
}

[Антон]

В качестве костыля можно перед добавлением текста удалять его из значения инпута, например. Тогда при любом количестве срабатываний функции текст будет 1 раз только добавлен (поможет в случае, если пользователь сам не может ввести "добавленный текст" руками в поле ввода).
А так - может у вас обработчик два раза срабатывает, тогда надо с этим разбираться. console.log() что-ли натыкайте, посмотрите сколько раз функция вызвалась. Или точку останова в devtools

Answer 1

[catch-a-chalk]

Приветствую. Нужно проверку добавить, есть этот текст в текущем состоянии или нет:

if (document.getElementById("mess").value == 'Курьер') {
    const giftMessField = document.getElementById("gift_mess");
    const userText = giftMessField.value;
    const addedText = 'добавленный текст ';

    if (!userText.startsWith(addedText)) {
        giftMessField.value = addedText + userText;
    }
}