Online Home Services Ответов: 2

Очистка проблемы HTML-формы

Привет, ребята, нужна небольшая помощь от экспертов здесь!Вот код формы, который я должен интегрировать в веб-сайт
<form class="form-container" id="myForm" autocomplete="off" method="POST" target="hidden_iframe" onsubmit="submitted=true;">

<input type="text" name="entry.95944133" placeholder="Name" pattern="[A-Za-z]+" title="Please enter your name" autofocus required><br>

<input type="email" name="emailAddress" placeholder="Email" pattern="[a-z0-9._%+-]+@ [a-z0-9.-]+\.[a-z]{2,4}$" title="Please enter a valid email address" required><br>

<select name="entry.1343920721" id="package" class="cmb" required><option class="cmb" value="startup">Startup</option><option class="cmb" value="growth">Growth</option></select><br>

<input type="submit" value="Submit">&nbsp;&nbsp;<button type="button" class="btn" onclick="closeForm()">Close</button>

Проблема в том, что форма не очищается после subbmisson. Пожалуйста, помогите мне.

Что я уже пробовал:

Я пробовал использовать document.getElementById("myForm").reset(); и this.form.reset(); через javascript, но безрезультатно.

MadMyche

Ну вот как бы вы сбросили форму, проблема должна быть в том, как/где вы ее вызываете; чего вы не предоставили.
И какое отношение к этому имеет CSS?

2 Ответов

Рейтинг:
1

raddevus

Ваш код работает.
Вот он в планкере так что вы можете нажать на кнопку и попробовать его:
Пример плунжера[^]

Я решил ее для тебя. :)

Online Home Services

Спасибо за вашу помощь

Рейтинг:
1

Anurag Gandhi

Следующий код сбрасывает форму:
Обратите внимание, что форма reset() метод вызывается в onsubmit событие.

<form class="form-container" id="myForm" autocomplete="off" method="POST" target="hidden_iframe" onsubmit="submitted=true;document.getElementById('myForm').reset();">

<input type="text" name="entry.95944133" placeholder="Name" pattern="[A-Za-z]+" title="Please enter your name" autofocus required><br>

<input type="email" name="emailAddress" placeholder="Email" title="Please enter a valid email address" required><br>

<select name="entry.1343920721" id="package" class="cmb" required><option class="cmb" value="startup">Startup</option><option class="cmb" value="growth">Growth</option></select><br>

<input type="submit" value="Submit">  
<button type="button" class="btn" onclick="document.getElementById('myForm').reset();">Reset</button>

Ссылка JsFiddle для этого: Edit fiddle - JSFiddle[^]

Online Home Services

Я хочу сбросить форму onsbumit event без использования кнопки сброса. Не могли бы вы помочь мне в том же?

Anurag Gandhi

Вы также можете вызвать метод reset в onsubmit формы. Я обновил свое решение и ссылку JS Fiddle.