如何清空form表单 就是点击submit按钮提交后 表单清空

Posted 2023-05-17

如果一开始表单是空的状态，可以使用reset重置后就为空了。

如果一开始有些内容已经存在，想要清空，则只能循环对每个输入项做清空处理。

jQuery版本：jQuery("#submitForm").get(0).reset()
普通版本：document.getElementById(\'submitForm\').reset()

submitForm 是表单form的id 参考技术A function submit(callback)
document.getElementById("myform").submit();
callback();

function reset()
$('#myform').reset();

function tijiao()
submit(reset);


<form id="myform" action="">
<input type="text" name=""/>
<input type="button" value="提交" onclick="tijiao()"/>
</form>
你如果用js提交后直接重置，有时候会报错，因为正在往后台传值的过程中，你就清空，会获取不到这个值。这就需要js的回调机制，上面我给你写了回调函数。这样就保证了将表单完全提交后才清空input.追问

大神 如果我要在提交之前弄其他的事件 是不是写成
$("#submit").click(function()
if(XXX)
else
submit(reset);

)

本回答被提问者和网友采纳

表单提交时submit按钮的值没有被提交

FORM表单中，submit提交的时候，有时候有值，有时候无值

FORM表单中，submit的name是Submit。如下
<input type="submit" name="Submit" value="提交表单" />
1.出现的几种情况

1.当点击submit按钮时，FORM被提交，提交后获取的数组中有Submit下标的值

2.回到FORM表单，直接敲回车提交，这时候发现获取的数组中没有Submit下标。

3.在浏览器版本低的情况下，也会出现submit的值没有提交

2.解决方法：
如果确实需要传递值 ，请使用hidden域进行值的提交。以防止数据产生偏差。

这是由于form在不同情况下，可以直接使用回车进行提交表单而导致的问题。
不同浏览器对回车提交表单的处理办法和表单提交按钮input和button的取舍。