清除表单提交的输入字段

我知道这是不断要求重新提出的，我已经检查了不同的答案并尝试了不同的解决方案，但无济于事。在某些情况下，根据代码的编辑方式，它可能确实是个案例。清除表单提交的输入字段

我想简单地在我的页面中的两个输入字段清除，当我点击提交（& &进入 - 除非它是一个单独的事件，这是另一个线程），考虑到我一直按输入，而不是点击 - 这是一个只供我使用的网站。

我当然有一个输入标签，输入提交，它的工作正常。但我也已经有一个具体的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>'; 
}

我猜它只是把（右）代码，一行最有可能在块的结束，但我无法弄清楚。非常感谢您的帮助！

来源

2013-03-11 Kizer Yakuza

你应该使用[jQuery的]（http://jquery.com/）..Why？请参阅[this]（http://blog.utest.com/why-should-anyone-use-jquery/2011/06/） – 2013-03-11 16:44:49

沿着最初问题的相同的行，仍然使用相同的onSubmitForm方法，我如何将焦点设置回提交时的“第一个”输入字段，以便让它“准备好”立即重新输入，而无需每次都选择它。日Thnx！ – 2013-03-16 21:20:06

使用reset功能，可在表单元素上。

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

来源

2013-03-11 16:52:04 thomaux

谢谢！）但我选择了第二种可能性，即“清除”输入字段的值。谢谢大家！ =） – 2013-03-12 09:45:05

@KizerYakuza你应该接受你选择的答案。这对未来的参考很有用。 – thomaux 2013-03-12 10:41:21

您可以通过只设定值为空字符串清除它们的值：

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

来源

2013-03-11 16:47:24

谢谢！ =）这是我选择的最后一个选项，因为我更容易集成到代码中^^感谢所有人！ =） – 2013-03-12 09:45:40

非常干净和容易。 – otmezger 2016-09-09 16:55:51

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

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

来源

2017-05-04 14:30:43

仍在使用空字符串，你可以使用：

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

来源

2017-09-12 20:41:29 megamind

清除表单提交的输入字段

回答

相关问题