У меня есть кнопка в моей следующей форме 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>