清除表单提交中的输入字段

时间:2013-03-11 16:41:47

标签: javascript forms input

我知道这是不断被问到的,我已经检查了不同的答案并尝试了不同的解决方案,但无济于事。在某些情况下,根据代码的编辑方式,它可能确实是一个案例。

当我点击提交时,我想简单地在我的页面中清除两个输入字段(&&输入 - 除非它是一个单独的事件,那是另一个线程),考虑到我总是按Enter而不是点击 - 这是一个仅供我使用的网站。

我当然有输入标签,输入提交,并且工作正常。但我也已经有了一个特定的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>';
}

我猜它只是放一行(右)代码,最有可能在块的末尾,但我无法理解。非常感谢您的帮助!

5 个答案:

答案 0 :(得分:37)

使用表单元素上提供的reset函数。

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

答案 1 :(得分:35)

只需将值设置为空字符串即可清除其值:

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

答案 2 :(得分:2)

仍然可以使用空字符串:

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

答案 3 :(得分:0)

通过这种方式,你可以通过他的身份证持有一张表格并扔掉他所有的内容。 这项技术最快。

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

答案 4 :(得分:0)

您可以通过活动访问表单:

e.target.reset();