javascript - jQuery 简单数据传递 HTML

Question

我正在处理一个 HTML 表单，我想在点击提交按钮后实现，然后进入确认页面。确认页面从表单页面获取数据。

由于我的表单验证由 jQuery 使用，例如我有一个变量名称是VISITORNAME 如何使构象页面显示“谢谢VISITORNAME”

我做了研究，找不到简单的方法来做到这一点。

Answer 1

你有很多方法可以做到这一点，一种是在提交表单时在 url 中添加一些内容，并在另一个页面中使用 js 读取（这不涉及服务器端编码）

$(form).submit(function() {
  $(this).action += '#visitorname=whatever'
});

然后在表单中，您可以从 url 获取访问者名称

var name = window.location.href.replace(/^.*#visitorname=/, "")

Answer 2

大多数表单使用服务器端语言，例如 PHP 或 ASP.net。我建议您阅读 PHP 的“处理表单”教程：

http://php.net/manual/en/tutorial.forms.php

Answer 3

将确认页面设置为 PHP 页面，并使用它从表单中发送一些 GET 或 POST 值。

然后echo你的消息：

echo 'Thank you, '.$_POST['visitorname'].', your form has been submitted';

Answer 4

例子：

**html**
 <form name='ff' id='test' action="javascript:void(0);">
 <span id='msg'></span>
 <input type='text' id='name'>
 <input type="submit" value='submit'>
 </form>

  **jquery**
$(document).ready(function (){
$('#test').submit(function(){
  if($('#name').val()!=''){
   $('#msg').html('Your custom message');
 }

});
});