Очистка формы с помощью js.

Рейтинг: 4Ответов: 4Опубликовано: 11.12.2014

После отправки формы, она заполняется данными, которые ввел пользователь.
Из-за того, что страница обновляется с уже готовыми данными, форма по кнопке не очищается.
Как реализовать очищение формы? 

function  clearForm() {
    $("#name").val("");
    $("#pics").val("");
    $("#names").val("");
}

Не помогает.

Обновление

Я вешаю функцию на событие onclick при нажатии на кнопку очистки.

$('form input[type="text"], form input[type="password"], form textarea').val('');

не срабатывает так же. Я не хочу чистить форму автоматически, мне нужно, чтобы это делал пользователь.

javascript html html-form
Источник: Stack Overflow на русском

Ответы

▲ 2Принят
$('form input[type="text"], form input[type="password"], form textarea').val('');
▲ 8

В jQuery:

    $('form[name=myForm]').trigger('reset');

На чистом javascript:

    document.myForm.reset();
▲ 3

http://www.javascript-coder.com/javascript-form/javascript-reset-form.phtml - вот хорошая статья по теме с примерами, и RubaXa с user210195 правильно посоветовали.

<form name="data_entry" action="#">

Company Name: <input type="text" size="35" name="company_name"><br>

Select Business Type: <input type="radio" name="business_category" value="1"> Manufacturer
<input type="radio" name="business_category" value="2"> Whole Sale Supplier
<input type="radio" name="business_category" value="3"> Retailer
<input type="radio" name="business_category" value="4"> Service Provider

Email Address: <input type="text" size="30" name="email"><br>

Keep Information Private: <input type="checkbox" name="privacy"><br>

<input type="button" name="reset_form" value="Reset Form">
</form>

https://jsfiddle.net/6g48kfpe/ - этот работающий пример.

http://www.javascript-coder.com/files/javascript-clear-form/javascript-reset-form-example.html - оно же, но с дополнительной функцией, сбрасывающей все значения (даже те, у которых что-то стоит по умолчанию).

▲ 2

document.getElementById('myForm').reset(), не?