Question

我想使用javascript

提交和保存表单数据

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Save data using JS</title> 
</head>
<body>
  <h1>Sign up</h1>
<form name="myForm">
  Name:<br>
  <input type="text" name="fname" required maxlength="40"><br><br>
 E-mail: <input type="email" name="email" required><br><br>
  Gender:<br>
  <input type="radio" name="gender" value="male" checked> Male<br>
  <input type="radio" name="gender" value="female"> Female<br><br>
  <input type="submit" value="Submit">
</form>
   
</body>
</html>

＆＃13;

因此，当我单击“提交”按钮时，表单数据应保存在某个地方，供填写并提交的每个用户使用。这应该使用Javascript，jquery或ajax来完成。

Answer 1

如果要在本地保存，请使用cookies 下面的代码将使用cookies保存您对人员计算机的答案：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Save data using JS</title> 
</head>
<script>
 function saveData() {
  document.cookie="fname="+document.getElementById('fname').value+"; expires=Thu, 18 Dec 2019 12:00:00 UTC";
  document.cookie="email="+document.getElementById('email').value+"; expires=Thu, 18 Dec 2019 12:00:00 UTC";

  var radios = document.getElementsByName('gender');

  for (var i = 0, length = radios.length; i < length; i++) {
    if (radios[i].checked) {
        document.cookie="gender="+radios[i].value+"; expires=Thu, 18 Dec 2019 12:00:00 UTC";
        break;
    }
}
 alert('Data Saved!');
}
 alert('SAVED DATA: '+document.cookie);
</script>
<body>
  <h1>Sign up</h1>
<form name="myForm" id="myForm" action="javascript:saveData();">
  Name:<br>
  <input type="text" name="fname" id="fname" required maxlength="40"><br><br>
 E-mail: <input type="email" name="email" id="email" required><br><br>
  Gender:<br>
  <input type="radio" name="gender" value="male" checked> Male<br>
  <input type="radio" name="gender" value="female"> Female<br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

如果要将其保存在数据库中。将表单提交到可以运行一些后端代码的页面，例如php，asp，coldfision，jsp，或者你最喜欢的语言。

注意：一种更现代的数据存储方式是使用Window.localStorage。但它与旧浏览器不兼容..但确实如此，对cookie有一些改进，你不必重新加载页面来查看更改。数据永不过期。您可以存储更大量的数据，然后就可以使用Cookie。

Answer 2

如果您打算使用php和ajax，请参阅此链接：

http://www.formget.com/submit-form-using-ajax-php-and-jquery/

为此，您必须在MY-SQL中拥有一个数据库。

Answer 3

try

刚刚意识到我忘记了createCookie功能......

$('input[type=submit]').click(function(){
    var date = new Date();
    date.setTime(date.getTime()+(1*24*60*60*1000));
    createCookie('fname', $('input[name=fname]').val(), date);
    createCookie('email', $('input[name=fname]').val(), date);
    createCookie('gender', $('input:checked').val(), date);
});

想要使用Javascript提交和保存表单数据

3 个答案: