在提交之前查看来自html表单的数据

Question

我真的被困在这里，我一直在努力，我在这里张贴希望有人会帮助我。 我有一个html表单，我输入我的数据，在提交之前，我需要以html格式查看我的数据，如果我需要更改，请在那里更改并提交。 我可以输入数据，如何在不提交的情况下显示数据。

Answer 1

要在发布之前预览表单数据，基本上有两个选项：第一个是使用JavaScript预览来动态打开一个新窗口，然后根据需要显示您的数据格式，第二个是将您的数据发布到您的服务器并返回一个新页面，其中包含您发布但尚未集成到您的数据库的数据，这是一种确认页面，无论选项应该是什么确认按钮接受或拒绝数据库中数据的提交和集成。

第二个选项要求您在服务器端创建一个新页面以进行确认（预览），具有Web服务器语言的所有功能。

Answer 2

通常，您有一个预览按钮和一个保存（或发布）按钮 预览按钮提交由服务器端脚本处理的数据（解释标记语言，或过滤HTML或其他内容）并转换为HTML，然后将文本字段与原始数据一起发送回用户。 /> 然后“保存/发布”按钮执行相同操作，但将数据保存到数据库，同样输出HTML，不带文本字段。
对一个非常通用的问题的一个非常通用的答案...

Answer 3

我想到的问题是这个预览与数据输入页面有何不同。我的意思是，如果用户应该输入名称，地址和喜欢的颜色，可能是因为他们输入数据时屏幕上会显示数据。预览会做什么？如果您正在谈论某种验证，例如颜色必须在您的批准颜色列表或其他类似的颜色上，那么您有两个基本选择：您可以在发送到服务器之前使用JavaScript进行vaildation，或者您可以发送到服务器，让它做验证。我想指出，如果你进行客户端验证，你真的应该仍然在服务器上验证，特别是如果有安全或黑客问题。您无法保证发送到服务器的数据流确实来自您发送给用户的页面。用户可以创建自己的页面以将数据发送到您的服务器。

我唯一能想到的是格式化预览，就像在Stack Overflow上一样，你输入的内容可能包含控制格式的代码。在这种情况下，你可能想要使用Javascript立即给出反馈，就像在这里完成一样。

Answer 4

也许您可以将两个按钮作为预览，一个作为提交，因此当您预览时，它会将表单值发送到不同的页面并以您想要的格式显示。

提交按钮只会提交您打算做的事情。 希望有所帮助