表单不会将数据保存到 mySQL 表中

Question

我正在使用 mySQL、javascript 和 php。我的网站上有一个表格，用于注册新用户。它连接到 mySQL 中的用户表，用于保存用户数据。

问题是除非我有 event.preventDefault();，否则我无法将 javascript 约束应用于字段表单，无论如何它只会连接到我的 php 页面并将数据保存到我的表中。
但是，如果我使用event.preventDefault();，它将应用约束，但是当我正确填写并单击注册时，它不会保存任何内容，只会在 mysql 表中创建一个空用户。

我该如何解决这个问题？

var constraints = {
  email: {
    email: true,
    presence: true,
  },
  Telefone: {
    presence:true,
    format: {
      pattern: "[+0-9]+",
      message: "apenas pode conter números [0-9]"
    }
  },
  pwd: {
    presence: true,
    length: {
      minimum: 5
    }
  },
  cpwd: {
    presence: true,
    equality: {
      attribute: "pwd",
      message: "as passwords não coincidem"
    }
  }
}


  $("#validationForm").submit(function(event){

     event.preventDefault();

  $("#error").html("");

  console.log(event);

  var errors = validate($("#validationForm"), constraints);

  if (errors) {
    $("#submited").html("");
    for (var key in errors) {
      $("#error").append(errors[key] + "<br />");
      $("#" + key).css("border","1px red solid");
    }       
  }else {
    // $("#submited").html("Form Submited");

    // redirect to php
     window.location.href="registar.php";
  }
});

Answer 1

这是因为您手动重定向到您的 PHP 页面。

代替这一行：

window.location.href="registar.php";

你更应该

document.getElementById("form_to_submit").submit();