Содержимое формы не очищает кнопку отправки
Я пытаюсь очистить форму после отправки содержимого. но страница не очищается после отправки. как я могу исправить эту проблему
У меня есть этот код в файле main.js
// Clear form
document.getElementById('Forms').reset();
эта форма по-прежнему не сбрасывается
Au
<div class = "alert">Your message has been sent</div>
<form id = "contact">
<br>
<p>
<label>Name</label>
<input type = "text" name = "name" id = "name" required>
</p>
<p>
<label>Email Address</label>
<input type = "email" name = "email" id = "email" required>
</p>
<p>
<label>Phone Number</label>
<input type = "text" name = "phone" id = "phone">
</p>
<p>
<label>Subject</label>
<input type = "text" name = "subject" id = "subject">
</p>
<p class = "full">
<label>Message</label>
<textarea name = "message" rows = "5" id = "message"></textarea>
</p>
<p class = "full">
<button type = "submit">Submit</button>
</p>
</form>
</div>
Ответы 2
Если вы внимательно прочитаете: document.getElementById('Forms')... Forms ... Forms ... звучит знакомо? Нет? Точно! Используйте 'contact', потому что
<form id = "contact">
и вот быстрый
const contactForm = document.getElementById("contact");
contactForm.addEventListener("submit", function(evt) {
evt.preventDefault();
this.reset();
})#contact label {
display: block;
}<form id = "contact">
<label>
Name
<input type = "text" name = "name" id = "name" required>
</label>
<label>
Email Address
<input type = "email" name = "email" id = "email" required>
</label>
<button type = "submit">Submit</button>
</form>привет, я сделал то, что вы сказали, теперь проблема в том, что когда я нажимаю "Отправить", появляется спин-загрузчик и замораживает страницу.
@BuildaholiczakZak нажал F12 и прочитал ошибки в консоли. Учитывая предоставленный HTML, я не могу догадаться, что происходит с вашим конкретным случаем. Как вы можете видеть вышеупомянутое демо работает ... Есть мысли?
У вас неправильный идентификатор в файле js пытаться
используйте это вместо
document.getElementById('contact').reset();
Пожалуйста, прочтите Как мне задать хороший вопрос?, прежде чем пытаться задать дополнительные вопросы. Не размещайте изображения, если вы можете разместить фактический текст / код.