如何永久隐藏表单并显示提交的表单答案

【问题标题】：How to hide the form permanently and display form submitted如何永久隐藏表单并显示提交的表单
【发布时间】：2018-04-26 05:15:26
【问题描述】：

有人可以建议我如何在用户成功提交后隐藏表单并显示提交的消息表单，并且每次登录时都应该对用户可见？到目前为止，我能够收集信息并将其保存到 MySQL 数据库。如果您需要代码，我会在此处添加。任何帮助真的很感激。

OR

如何在提交时禁用整个表单并仍然永久显示在表单字段中输入的所有数据？请帮助我解决我迫切希望找到答案的方法。谢谢

【问题讨论】：

只需从数据库中获取数据。如果不存在，则显示该表单，如果存在，则不显示该表单。你试过什么吗？
谢谢，到目前为止，我已经将表单保存到数据库中，并且我正在使用garlicjs.org/#requirements 在字段中持续显示提交的数据。但没有从数据库中获取任何内容。我已经更新了我的问题，请找到相同的问题。
我不知道为什么这会改变任何事情。当用户登录时，只需检查数据库（您说您将表单存储在数据库中）用户是否已提交表单。仅仅因为你现在不这样做并不意味着你不能开始这样做。

标签： javascript php mysql

【解决方案1】：

在数据库中提交数据时，将 is_form_submitted 条目设置为 true。当用户登录时，您只需要检查 is_form_submitted。如果它是真的，那么可以隐藏表单，否则你可以显示表单。

如果您使用 AJAX 进行表单提交，那么在 AJAX 的成功响应中，您可以隐藏表单。

在 HTML 中，您可以添加 disply:'none' css 来隐藏表单。

【讨论】：

谢谢，会试试这个方法
对于您的 OR 问题，您可以从数据库中获取数据并将其显示在表单上。
很好，但是如何处理呢？
每当用户登录您的应用程序时，通过使用 userId 或 Token，您可以获取表单数据（我认为您有一个提交与 userId 关联的表单数据的表），如果它给您 0 结果，您可以显示空表单，否则您可以在表单上显示获取的数据。如果用户在表单中有数据，那么下次您只需要更新记录。希望对你有帮助:)

【解决方案2】：

使用 ajax

$("form").css("display", "initial");     
event.preventDefault(); //prevent default action     
var post_url =  //get form action url    
var request_method =  //get form GET/POST method  
var form_data = $(this).serialize(); //Encode form elements for submission      
$.ajax({                                  
url: post_url,                                   
type: request_method,                                  
data: form_data                              
}).done(function (response) { //                                 
$(".form").css("display", "none");                                   
$("#results").html(response);                                                                  
});

当得到响应显示时：没有表单

【讨论】：