我需要验证和保存 HTML 表单中的数据，然后发布我的页面的“片段”。
我解释说：我在互联网上销售一些产品，我需要进行潜在客户捕获。如果这个人填写姓名、电子邮件和电话，我只会在我的登陆页面上显示购买按钮和产品价格……它们有用吗？
换句话说，未来的客户将看到整个页面，但在产品的价格点，我显示一个表格让他填写。如果填写完毕，点击提交按钮时，我会显示页面中包含购买按钮的区域。
表单数据的捕获甚至可以是 Google 表单，它甚至不需要新鲜度。
观察。我对 HTML 超级生疏。我相信我需要为此使用 jQuery，对吧？
谢谢
【问题讨论】：
标签： javascript html jquery ajax forms
您不需要 jQuery，尽管它可能有助于保存表单数据。以下是在用户提交表单后显示<div> 的基本机制：
<form onsubmit="document.getElementById('price').style.display='block'; return false;">
...put your form here...
<button type="submit">See price</button>
</form>
然后是价格信息部分：
<div id="price" style="display: none;">
...put your pricing info here...
</div>
这个想法是带有定价信息的<div> 一开始是隐藏的 (display: none)。当<form> 提交时，它会将价格的display 属性更改为block，以便在页面上显示。
这并没有解决捕获表单数据的问题，但您可以很容易地do that with AJAX。 jQuery 肯定会让这更容易。您需要在后端保存它，除非您在用户提交 Google 表单后使用 Google 表单之类的东西重定向到另一个带有价格的页面。
【讨论】：