Question

jquery或者js处理form表单按提交按钮后,怎么清空刚刚提交的input值

RT。
form提交之后，input值不需要再保留了，怎么清空呢？jquery或者js处理均可以。
求大神指点。

Answer 1

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.

追问

谢谢，我试验下。

追答

function reset(){
$('#myform').reset();
}
这个你改一下吧。改成
function reset(){
document.getElementById("myform").reset();
}

追问

这几个function都要做成独立的么。

Answer 2

通过js的回调机制。

functionsubmit(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.

这就够了，肯定能帮到你的。

Answer 3

$('#jsForm')[0].reset();
重点 1. #jsForm 是表单id 没有的话自己加个id,如果是class就把#改成 . $('.jsForm')
2.加上[0]，这是指定页面中第几个表单，0是第一个

Answer 4

$("form").reset();

这个是重置所有的东西！如果只是想清空input的话直接获得input这个元素付给空值就可以！

Answer 5

$('form').reset()

追问

这句放哪里？

追答

form提交的回调方法里面，具体的$('form')可以根据具体情况再取，如果你也没上只有一个form的话无所谓