JavaScript在提交HTML表单时显示新页面_Javascript_Html

JavaScript在提交HTML表单时显示新页面

javascript html

JavaScript在提交HTML表单时显示新页面,javascript,html,Javascript,Html,假设我有两个html文件：form.html和confirm.html html只有一个文本字段和一个提交按钮，当您点击提交时，它将显示您刚才在文本字段中键入的内容 <HTML> <HEAD> <TITLE>Test</TITLE> <script type="text/javascript"> function display(){ do

假设我有两个html文件：form.html和confirm.html

html只有一个文本字段和一个提交按钮，当您点击提交时，它将显示您刚才在文本字段中键入的内容

    <HTML>
      <HEAD>
        <TITLE>Test</TITLE>
        <script type="text/javascript"> 

        function display(){ 
            document.write("You entered: " + document.myform.data.value);
        } 
        </script> 
      </HEAD>
      <BODY>
      <center>    
<form name="myform">

  <input  type="text" name="data">
  <input type="submit" value="Submit" onClick="display()">

</form>
    </BODY>
    </HTML>

现在我希望当点击提交按钮时，它会在confirm.html中显示输入的值。我该怎么办？我的意思是confirm.html中应该包含什么，以及form.html中的数据如何在其他位置使用，我是否需要创建一个单独的JavaScript文件来存储JS函数，以便我可以在两个html文件中使用它。我对所有的东西都是新手

注意：这里没有PHP或服务器端语言或任何超级语言，我的桌面上只有2个html文件，我想使用FireFox进行测试

谢谢大家!

您可以尝试使用本地存储或cookie。检查以下两种解决方案之一

1-如果您有HTML5，您可以将输入的内容存储到localStorage中

试试这个例子：

form.html：

2-此外，正如@peedient所提到的，您还可以使用具有HTML标准的cookies

试试这个例子：

form.html：

您可以尝试使用本地存储或cookie。检查以下两种解决方案之一

1-如果您有HTML5，您可以将输入的内容存储到localStorage中

试试这个例子：

form.html：

2-此外，正如@peedient所提到的，您还可以使用具有HTML标准的cookies

试试这个例子：

form.html：

您可以使用get方法method=get提交表单，并将其发送到confirm.html页面action=./confirm.html

然后，可以使用jQuery从confirm.html页面的URL中检索值

此网站提供了执行此操作的方法：

然后，您只需调用显示方法。

您可以使用get方法method=get提交表单，并将其发送到confirm.html页面action=./confirm.html

然后，可以使用jQuery从confirm.html页面的URL中检索值

此网站提供了执行此操作的方法：

然后，您所要做的就是调用您的显示方法。

像fit for一样接缝，这将允许您在用户浏览器中保存和加载数据。包含其javascript文件后，您可以按如下方式保存数据：

var store = new Persist.Store('My Application');
store.set('some_key', 'this is a bunch of persistent data');

您可以稍后在另一个html页面中检索保存的数据，如下所示：

var store = new Persist.Store('My Application');
val = store.get('some_key');

接缝类似于fit for，这将允许您在用户浏览器中保存和加载数据。包含其javascript文件后，您可以按如下方式保存数据：

var store = new Persist.Store('My Application');
store.set('some_key', 'this is a bunch of persistent data');

您可以稍后在另一个html页面中检索保存的数据，如下所示：

var store = new Persist.Store('My Application');
val = store.get('some_key');

您还可以更改页面内容，而不是更改页面。提交后，只需使用innerHtml变量更改页面。

您也可以更改页面内容，而不是更改页面。提交后，只需使用innerHtml变量更改页面。

或任何HTML版本中的cookies哇！饼干是个好主意，但我很难100%理解。我还有一个问题，我不知道我是否应该创建一个新问题，或者我可以在这里提问。但假设我有多个文本字段，如LastName、FirstName、Email、Address。。。我不希望同一个人只是验证姓名和电子邮件可以提交表单超过1次，我怎么能验证它使用cookie当然，仍然显示所有信息或错误消息在confirm.html。对不起，如果它太混乱，我将创建新的问题。我的意思是，如果我输入一个表单10次，使用10个不同的名称和电子邮件，我将得到10个cookies，对吗？那么，我如何验证在第11次输入的信息是否与第一次输入的信息完全相同，并且confirm.html应该显示该用户已经提交了一份表单？？？@RonaldinhoState:Woh。。。我明白你的意思。事实上，您希望能够识别提交的每个数据。事实上，通常，您可以将数据存储在数据库中，然后，当用户提交表单时，我们首先检查该用户是否已提交表单，例如，我们可以通过电子邮件跟踪他，因为电子邮件只属于一个人。然而，从javascript访问数据库可能不是一个好的解决方案，例如：安全问题，在这种情况下，服务器端语言如：PHP是首选。@RonaldinhoState:我建议你把这个问题作为另一个问题来问，这样你会得到更多的建议。无论如何，一定要定义你的应用程序的准确用途：谁将使用它，你将使用什么数据，是否有安全措施，存储数据的大小，等等？或者任何HTML版本中的cookies哇！饼干是个好主意，但我很难100%理解。我还有一个问题，我不知道我是否应该创建一个新问题，或者我可以在这里提问。但假设我有多个文本字段，如LastName、FirstName、Email、Address。。。我不希望同一个人只是验证姓名和电子邮件可以提交表单超过1次，我怎么能验证它使用cookie当然，仍然显示所有信息或错误消息在confirm.html。

对不起，如果它太混乱，我将创建新的问题。我的意思是，如果我输入一个表单10次，使用10个不同的名称和电子邮件，我将得到10个cookies，对吗？那么，我如何验证在第11次输入的信息是否与第一次输入的信息完全相同，并且confirm.html应该显示该用户已经提交了一份表单？？？@RonaldinhoState:Woh。。。我明白你的意思。事实上，您希望能够识别提交的每个数据。事实上，通常，您可以将数据存储在数据库中，然后，当用户提交表单时，我们首先检查该用户是否已提交表单，例如，我们可以通过电子邮件跟踪他，因为电子邮件只属于一个人。然而，从javascript访问数据库可能不是一个好的解决方案，例如：安全问题，在这种情况下，服务器端语言如：PHP是首选。@RonaldinhoState:我建议你把这个问题作为另一个问题来问，这样你会得到更多的建议。无论如何，请确保定义你的应用程序的准确用途：谁将使用它，你将使用什么数据，是否会有安全措施，存储数据的大小，等等？请更具体一些例如：你能展示一些示例代码，因为我真的不想在这个级别上使用cookie，也许下一个验证阶段我需要cookie，但不是现在。谢谢请更具体一点例如：你能展示一些示例代码吗，因为我真的不想在这个级别使用cookie，也许在验证部分的下一个级别我需要cookie，但不是现在。谢谢

var store = new Persist.Store('My Application');
store.set('some_key', 'this is a bunch of persistent data');

var store = new Persist.Store('My Application');
val = store.get('some_key');