2

我正在使用 JQuery 和 HTML 创建一个应用程序。在第一个表格中，您被要求输入一个 ID，然后一旦选中，您将被要求添加更多信息。我遇到的问题是，在第二页中按下提交后，我想将所有信息一起保存，这包括在第一页中输入的 id。

表单是使用 HTML 创建的，功能是使用 JQuery 完成的。我知道这可以使用 PHP 来完成，但由于我没有为这个应用程序使用任何 PHP，我想知道这是否可能以任何其他方式。

我在其中一个 .js 页面中使用它。这是要求 ID 的第一页的 HTML ...

编辑：

索引.html

<script type="text/javascript" charset="utf-8">
$('#RegisterForm').submit(function(){
$.cookie('cardNumberRegField', $('#cardNumberRegField').val());
});
</script>   

<form id="RegisterForm" method="post" data-ajax="false" id="registerCardForm" 
      action="register.html"> 
        <input type="text" id="cardNumberRegField" type="tel"  name="cardNumber" 
               class="required number register" minlength="16" maxlength="16"/> 
        <input name="Submit" type="submit" class="button" value="Register"/>
</form>

注册.html

<script type="text/javascript" charset="utf-8">
$('#AccountDetailsForm').submit(function(){
var cardNumberReg = $.cookie('cardNumberRegField');
$('#tfscCardNumber').val(cardNumberReg );
});
</script>

<form id="AccountDetailsForm" method="post" data-ajax="false" id="thankyoupage" action="thankyou.html">

<input  id="tfscCardNumber" type="hidden" name="tfscCardNumber" class="readonly" minlength="2" maxlength="20" readonly="readonly" disabled="disabled"/>

有人知道任何解决方案吗？

4

3 回答 3

4

您可以通过以下方式将数据从一个页面传递到另一个页面

  1. 请求参数
  2. 曲奇饼
  3. 会话（通过服务器脚本基于每个用户）
  4. 本地存储
于 2012-05-10T10:55:28.003 回答
2

您要保存在第二个表单帖子中的值要么需要存储在接收第二个帖子的服务器上（在第一个表单帖子期间），要么在第二个帖子期间重新发布。

在我看来，好像您没有在第一篇文章中使用服务器端技术，即您发布到 html 页面。因此，解决方案似乎是上述两者中的后者。由于您没有使用服务器端技术，我会考虑捕获第一个表单提交并将值存储在 cookie 中。然后在第二页上，您可以捕获表单帖子并添加 cookie 中的值。

为此，我将使用jquery.submit和jquery.cookie并添加如下内容；

编辑：index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <!--[if IE]><![endif]-->
        <title></title>
        <script type="text/javascript" src="../_/js/jquery-1.5.2.min.js"></script>
        <script type="text/javascript" src="../_/js/jquery.cookie.js"></script>
        <script type="text/javascript">
            $(document).ready(function () { 
                $('#RegisterForm').submit(function () {
                    $.cookie('cardNumberRegField', $('#cardNumberRegField').val());
                });
            });
    </script> 
    </head>
    <body>
        <form id="RegisterForm" action="register.html">  
            <input type="text" id="cardNumberRegField" value="test" />  
            <input type="submit" value="Register" /> 
        </form>
    </body>
</html>

编辑：register.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <!--[if IE]><![endif]-->
        <title></title>
        <script type="text/javascript" src="../_/js/jquery-1.5.2.min.js"></script>
        <script type="text/javascript" src="../_/js/jquery.cookie.js" ></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#tfscCardNumber').val($.cookie('cardNumberRegField'));
            });
        </script>
    </head>
    <body>
        <form id="AccountDetailsForm" action="thankyou.html"> 
            <input id="tfscCardNumber" type="text" value="undefined" /> 
        </form>
    </body>
</html>
于 2012-05-10T11:08:38.093 回答
1

您可以在不可见的 div 中找到来自表单 1 的值，然后在提交表单 2 时获取它们

于 2012-05-10T11:16:28.750 回答