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

#javascript #html #html_form

После отправки формы, она заполняется данными, которые ввел пользователь.
Из-за того, что страница обновляется с уже готовыми данными, форма по кнопке не очищается.
Как реализовать очищение формы? 
function  clearForm() {
    $("#name").val("");
    $("#pics").val("");
    $("#names").val("");
}

Не помогает.
Обновление
Я вешаю функцию на событие onclick при нажатии на кнопку очистки.
$('form input[type="text"], form input[type="password"], form textarea').val('');

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

Ответы

Ответ 1

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


Ответ 2

В jQuery:

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


На чистом javascript:

    document.myForm.reset();


Ответ 3

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



Company Name: 


Select Business Type:  Manufacturer
 Whole Sale Supplier
 Retailer
 Service Provider

Email Address: 


Keep Information Private: 






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

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


Ответ 4

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


Ответ 5

$(".any-button").click(function() {

    $("form")[0].reset();

});