Очистить поля ввода в форме submit

Я знаю, что это постоянно спрашивается заново, и я проверил разные ответы и попробовал разные решения, но безрезультатно. В некоторых случаях это может быть действительно случайным делом в зависимости от того, как код был отредактирован.

Я хотел бы просто иметь два поля ввода на моей странице, чтобы очистить, когда я нажимаю submit (& & enter - если только это отдельное событие, это для другого потока), учитывая, что я всегда нажимаю enter, а не щелчок - это сайт, предназначенный только для моего использования.

У меня есть, конечно, входной тег, тип submit и его рабочий тон. Но у меня также есть определенная функция onSubmit:

function onSubmitForm(e) {
    e.preventDefault();
    var var1 = document.getElementById("name");
    var var2 = document.getElementById("review");
    arrayOne.push( {name:var1.value,review:var2.value} );
    localStorage.filmDatabase = JSON.stringify(arrayOne);
    document.getElementById("eyedee").innerHTML += '<p>' + '<span class=name>' + var1.value + '</span>' + '<span class=review>' + var2.value + '</span>';
}

Я предполагаю, что он просто вставил одну строку (правый) код, скорее всего, в конце блока, но я просто не мог понять. Большое спасибо за помощь!

Ответ 1

Используйте функцию reset, которая доступна в элементе формы.

var form = document.getElementById("myForm");
form.reset();

Ответ 2

Вы можете удалить свои значения, просто установив значение в пустую строку:

var1.value = '';
var2.value = '';

Ответ 3

Таким образом, вы сохраняете форму по его идентификатору и бросаете весь его контент. Эта техника самая быстрая.

document.forms["id_form"].reset();

Ответ 4

По-прежнему используя пустые строки, вы можете использовать:

    document.getElementById("name").value = '';
    document.getElementById("review").value = '';