"Form doesn't empty fields after submit" 的意思是在表单提交后,表单中的内容没有被清空。
"Form doesn't empty fields after submit" 的意思是在表单提交后,表单中的内容没有被清空。
目前我正在做一个项目,其中有一个连接到外部数据库的表单。
首先我做了一个例子,只是为了测试它是否有效。这个例子很好用。
但当我试图实施它时,表单不再为空,而例子确实清空了字段。我的代码完全相同,所以我不明白哪里出错了。唯一的区别是一个文件在jquery-mobile / phonegap文件夹中,另一个在我的htdocs中。
(它确实起作用,唯一的问题是在提交后不清空表单输入字段,这对用户很困惑)
这是我的代码:
HTML:
Name
Fruit | Groente | Beweging |
---|
Js 文件:
var url = "http://example.com/"; console.log("first page initialized"); $.ajax({ type: "POST", url: url + "complex.php", cache: "false", dataType: "json", success: function(phpData){ console.log("Complex: " + phpData); $("#showData2").append("" + phpData.comments[0].sport + ""); $.each(phpData.comments, function(index, berichtje){ console.log(berichtje); $("#mylist").append( "" + "" + berichtje.fruit + "
" + "
" + berichtje.groente + "
" + "
" + berichtje.beweging + "
" + "
" ); }); $('#mylist').listview('refresh'); }, error: errorHandling }); function infoOverzicht(){ var data = $('form#overzicht').serialize(); $('form#overzicht').unbind('submit'); $.ajax({ url: "http://example.com/save.php", type: 'POST', data: data, beforeSend: function() { }, success: function(data, textStatus, xhr) { }, error: function(xhr, textStatus, errorThrown) { } }); return false; } function errorHandling(){ console.log('er gaat iets fout'); }
我尝试了像这样的解决方案,但一无所获:
Clear form after submission with jQuery
有人知道我做错了什么吗?
这可能是一些愚蠢的小事,但我找不到它,哈哈。
问题在于你的 success() {}
方法是空的。如果你不告诉它要做什么,它就不会做什么。
如果你确实尝试了在 用jQuery提交表单后清除表单 中列出的解决方案,那么你应该展示你的工作,这样我们就可以看到你尝试做什么了。现在你的代码甚至都没有尝试做你想要的事,所以肯定不会成功。 🙂
谷歌搜索“使用jQuery重置表单”可以得到一些结果。 这个 不错。
$("#overzicht").trigger('reset'); //jquery document.getElementById("overzicht").reset(); //native JS
选择其中一个,放到你的 success() {}
中,你就可以顺利完成了。