HTML＆JQuery：如何從以前的表單中檢索數據

我正在使用JQuery和HTML創建應用程序。在第一種形式中，我被要求輸入一個ID，然後一旦檢查，你就被要求添加更多信息。我遇到的問題是，在按第二頁中的提交後，我想將所有信息保存在一起，這包括在第一頁中輸入的ID。HTML＆JQuery：如何從以前的表單中檢索數據

表單使用HTML創建，功能使用JQuery完成。我知道這可以使用PHP來完成，但由於我沒有爲這個應用程序使用任何PHP，所以我想知道這是否可以用其他方法。

我在.js頁面中使用了它。下面是從被要求輸入ID的第一頁的HTML ...

編輯：

的index.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>

<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"/>

有誰知道任何解決方案

來源

2012-05-10 newSpringer

可能的重複[方法將信息傳遞到下一頁在JavaScript]（http://stackoverflow.com/questions/8793243/ways-to-pass-info-to-the-next-page-in- javascript） –

@FelixKling你很熱在今天的蠢事:) :) –

@Rory：我總是很熱的重複;）嚴重的是，我看到的大多數新問題，我以前見過，可能略有不同。或者可以從兩個問題得出解決方案......它讓我看到人們一遍又一遍問同樣的問題讓我感到沮喪。或者問真正的本地化問題......也許我應該採取一個SO突破：D –

您可以通過

QueryString
Cookie
會議（每用戶的基礎上通過服務器腳本）通過從一個網頁到另一個數據
Localstorage

來源

2012-05-10 10:55:28

完美回覆，我第二個這個！ –

雖然會話需要服務器端語言（應該提到）。 –

@FelixKling謝謝你的建議，編輯:) –

值是你想保存在第二個表單中的郵件需要存儲在s上erver收到第二篇文章（在第一篇文章期間）或在第二篇文章中重新發布。

它在我看來好像你沒有使用服務器端技術的第一篇文章，即你的張貼到一個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-10 11:08:38 cmilhench

我將這些添加到我的html頁面，並且一切似乎都運行正常，但是如何在.js代碼中再次獲取變量以保存數字？.........它僅僅是簡單的var cardNo = cardNumberReg ; – newSpringer

在第二段代碼中，cardNumberReg將被賦值爲添加到cookie中的值，然後寫入隱藏表單域。你需要添加隱藏的表單字段到您的HTML在第二頁上，即''輸入類型=「隱藏」ID =「HiddenCardNumberRegField」>' – cmilhench

雅我已經添加了隱藏的輸入，但是當我調試我的代碼並檢查值爲隱藏的輸入它說這裏面什麼也沒有，它只是=「」.....我已經編輯了我的答案只是爲了incase我有一個錯誤在我的代碼 – newSpringer

您可以找到從THR表格1中的值，可見DIV，然後讓他們在提交表單2

來源

2012-05-10 11:16:28 jumancy

以及您如何表示不可見的div？像這樣：mydiv = document.getElementById（「mydiv」）; mydiv.style.display =「none」; – newSpringer

在html頁面中寫入例如：

。然後通過jQuery將您的數據追加到該div。 – jumancy

HTML＆JQuery：如何從以前的表單中檢索數據

回答

相關問題