Javascript HTML&；JQuery：如何从以前的表单中检索数据
我正在使用JQuery和HTML创建一个应用程序。在第一个表单i中，您被要求输入一个id，然后一旦选中，您将被要求添加更多信息。我遇到的问题是，在第二页中按“提交”后，我希望将所有信息一起保存，这包括在第一页中输入的id 表单是使用HTML创建的，功能是使用JQuery完成的。我知道这可以用PHP实现，但由于我没有在这个应用程序中使用任何PHP，我想知道这是否有其他可能 我在一个.js页面中使用了这个。这是第一页中要求ID的HTML 编辑： index.htmlJavascript HTML&；JQuery：如何从以前的表单中检索数据,javascript,jquery,html,Javascript,Jquery,Html,我正在使用JQuery和HTML创建一个应用程序。在第一个表单i中，您被要求输入一个id，然后一旦选中，您将被要求添加更多信息。我遇到的问题是，在第二页中按“提交”后，我希望将所有信息一起保存，这包括在第一页中输入的id 表单是使用HTML创建的，功能是使用JQuery完成的。我知道这可以用PHP实现，但由于我没有在这个应用程序中使用任何PHP，我想知道这是否有其他可能 我在一个.js页面中使用了这个。这是第一页中要求ID的HTML 编辑： index.html <script type=
<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>
<!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>
$（'#RegisterForm'）。提交（函数（）{
$.cookie（'cardNumberRegField'，$（'#cardNumberRegField'）.val（））；
});
<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"/>
<!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>
$（'#AccountDetailsForm'）。提交（函数（）{
var cardNumberReg=$.cookie（'cardNumberRegField'）；
$（'tfsccardname'）.val（cardNumberReg）；
});
有人知道任何解决方案吗？您可以通过计算机将数据从一页传递到另一页
要在第二次表单发布中保存的值需要存储在接收第二次发布的服务器上（在第一次表单发布期间），或者在第二次发布期间重新发布 在我看来，第一篇文章，即你发布到html页面的文章，似乎没有使用服务器端技术。因此，解决方案似乎是上述两种方法中的后一种。当您不使用服务器端技术时，我会考虑捕获第一个表单提交并将值存储在Cookie中。然后在第二个页面上，您可以捕获表单帖子并从cookie中添加值 为了做到这一点，我将使用并添加如下内容： 编辑：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>
<!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>
$（文档）.ready（函数（）{
$（'#RegisterForm'）。提交（函数（）{
$.cookie（'cardNumberRegField'，$（'#cardNumberRegField'）.val（））；
});
});
<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"/>
<!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>
$（文档）.ready（函数（）{
$（'tfsccardname'）.val（$.cookie（'cardNumberRegField'）；
});