Sahaprof
Гуру
(4714)
3 недели назад
Чтобы предотвратить дублирование текста при нажатии на кнопку "Далее", необходимо использовать следующий код:
html
<button type="button" onclick="submitForm()">Далее</button>
<script>
function submitForm() {
// Отключить кнопку "Далее"
document.getElementById("next-button").disabled = true;
// Отправить форму
document.getElementById("myForm").submit();
}
</script>
Пояснение:
* document.getElementById("next-button").disabled = true; - отключает кнопку "Далее" после первого нажатия.
* document.getElementById("myForm").submit(); - отправляет форму после первого нажатия кнопки "Далее".
Исправленный код HTML:
html
<form id="myForm">
<input type="text" name="name" placeholder="Имя" required>
<input type="email" name="email" placeholder="Email" required>
<button type="button" onclick="submitForm()">Далее</button>
</form>
<script>
function submitForm() {
// Отключить кнопку "Далее"
document.getElementById("next-button").disabled = true;
// Отправить форму
document.getElementById("myForm").submit();
}
</script>
Примечание:
* Убедитесь, что вы используете уникальный идентификатор (id) для кнопки "Далее" (<button id="next-button">).
* Также убедитесь, что вы используете уникальный идентификатор для формы (<form id="myForm">).
АФ ВАФУченик (117)
3 недели назад
Можете написать с кодом, который на фото(конечный код)(потому что при вставке вашего кода и изменениями id , ничего не работает,при нажатии далее ничего не происходит?
и показываю как выглядит сама ошибка