"Form doesn't empty fields after submit" 的意思是在表单提交后,表单中的内容没有被清空。

10 浏览
0 Comments

"Form doesn't empty fields after submit" 的意思是在表单提交后,表单中的内容没有被清空。

目前我正在做一个项目,其中有一个连接到外部数据库的表单。
首先我做了一个例子,只是为了测试它是否有效。这个例子很好用。

但当我试图实施它时,表单不再为空,而例子确实清空了字段。我的代码完全相同,所以我不明白哪里出错了。唯一的区别是一个文件在jquery-mobile / phonegap文件夹中,另一个在我的htdocs中。

(它确实起作用,唯一的问题是在提交后不清空表单输入字段,这对用户很困惑)

这是我的代码:

HTML:

    
    
    
    
    
    

Name

Data ophalen







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

有人知道我做错了什么吗?
这可能是一些愚蠢的小事,但我找不到它,哈哈。

admin 更改状态以发布 2023年5月24日
0
0 Comments

问题在于你的 success() {} 方法是空的。如果你不告诉它要做什么,它就不会做什么。

如果你确实尝试了在 用jQuery提交表单后清除表单 中列出的解决方案,那么你应该展示你的工作,这样我们就可以看到你尝试做什么了。现在你的代码甚至都没有尝试做你想要的事,所以肯定不会成功。 🙂

谷歌搜索“使用jQuery重置表单”可以得到一些结果。 这个 不错。

$("#overzicht").trigger('reset'); //jquery
document.getElementById("overzicht").reset(); //native JS

选择其中一个,放到你的 success() {} 中,你就可以顺利完成了。

0
0 Comments

我通过在提交表单后重定向到另一个页面解决了我的问题(这是应用程序所需的,解决方案方面不是最好的,但它可以工作)。 🙂 感谢您的帮助!

0