js表单提交回调函数

在研究表单的时候发现一个有意思的东西——在表单提交的时候如何保证数据所有提交完毕才会清空？

咱们经常使用的<input type="reset" value="重置" />，或者jquery的$('input[name=xxx]')val('')，直接清空input的value值，都是单纯的直接清空，不会等待数据提交完毕后在清空，因此会有数据传输没完成就清空的状况，怎么解决？

搜索的时候发现一个答案——写一个回调函数，感受不严谨。先记录下来，之后慢慢研究。

function submit(callback){
    document.getElementById("myform").submit();
    callback();
}
function reset(){
     document.getElementById("myform").reset();
}
function tijiao(){
    submit(reset);

}
<form id="myform" action="">
<input type="text" name=""/>
<input type="button" value="提交" onclick="tijiao()"/>
</form>