Html / Node不在mySql数据库中保存数据答案

【问题标题】：Html / Node doesnt saving data in mySql databaseHtml / Node不在mySql数据库中保存数据
【发布时间】：2020-07-15 11:28:36
【问题描述】：

我的以下 html 表单中有一个按钮。当我单击它时，它应该调用 javascript insert() 函数并将这两个变量保存到 mysql 数据库中。但不是这个，它只是清除所有用户输入字段并重新加载页面。加上它没有保存任何数据库。我做错了什么？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/PassHomeStyle.css">
    <title>Document</title>
</head>
<body>
    <div class="container">  
        <form id="contact"   method="post">
          <h3>Submit your data</h3>

          <fieldset>
            <input placeholder="Website" name="" type="text" tabindex="1" required autofocus>
          </fieldset>
          <fieldset>
            <input placeholder="Your Email Address" name="email" type="email" tabindex="2" required>
          </fieldset>
          <fieldset>
            <input placeholder="Your Password" name="password" type="text"  tabindex="3" required>
          </fieldset>
            <button name="submit" type="submit" id="contact-submit" onclick="insert()" data-submit="...Sending">Submit</button>
          </fieldset>

        </form>
 </div>
</body>
</html>
<script>
  function insert(){
        var mysql = require('mysql');

 var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "",
  database: "assessment"
 });

 con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
  var sql = "INSERT INTO users (username, password) VALUES ('james', 'bond')";
  con.query(sql, function (err, result) {
    if (err) throw err;
    console.log("1 record inserted");

  });
});
}
 </script>

【问题讨论】：

您似乎缺少一个打开的<fieldset> 标签。
请说得更具体些..在哪里？

标签： javascript html forms button

【解决方案1】：

像 insert(e) 一样在 insert 中传递 e 然后编写 e.preventDefault(); 它会阻止单击提交后的默认行为

【讨论】：

我在哪里写e.preventDefault();