Javascript 如何使用表单提交调用php函数

我正在制作一个注册表单，其中php代码和html表单位于同一页面中，我还有一个验证字段的java脚本，但如果验证完成，我需要通过调用php发布数据并在数据库中提交

if(isset($_POST['Name'])){
$order = "INSERT INTO `reg_form`(`Name`) VALUES ('$_POST[Name]')";
$result = mysql_query($order, $db2);
 if (!$result) {
    echo("<br>Input is failed");
 } else {
    echo 'Regestered successfully !!!';
 }
}

<form name="register" id="register" class="b1 f_l" action="register.php"  method="post">
 <div class="input-group" style="padding-top: 20px;">
  <span class="label_1">Name </span>
  <input type="text" class="inp_t" placeholder="Your Name" name="Name" id="name" required>
 </div>

 <div style="padding-top: 20px;">
   <button type="submit" class="btn btn-primary register" value="submit"  >Submit</button>
 </div>
</form>

<script language=JavaScript>
$('#register').validator()
   .submit(function(e){
      var form = $(this);
      var valid = form.validator({messageClass: "alert alert-danger validate_error", position: 'center right'});
      if (valid.data("validator").checkValidity()){
          alert('not working');
      }// VALID
      e.preventDefault();
      return false;
});// SUBMIT    
</script>

if（isset（$\u POST['Name']））{
$order=“插入到'reg_form`（`Name`）值（'$\'u POST[Name]'）”；
$result=mysql\u查询（$order，$db2）；
如果（！$result）{
回波（
输入失败）；
}否则{
echo“注册成功！！！”；
}
}
名称
提交
$（“#寄存器”）.validator（）
.提交（职能（e）{
变量形式=$（此）；
var valid=form.validator（{messageClass:“alert-alert-danger-validate\u-error”，位置：'中间偏右'}）；
if（valid.data（“validator”）.checkValidity（））{
警报（“不工作”）；
}//有效的
e、 预防默认值（）；
返回false；
});// 提交

您应该在JS函数中的某些地方编写“return true”，以便表单提交。如果验证成功，则从JS函数返回true，因此您只希望在表单未正确验证时阻止默认操作：

if (valid.data("validator").checkValidity())
{
    // Assuming this means Validation failed
    alert('not working');
    e.preventDefault();
    return false;
 }
 else
 {
    // It's working, let the submission go through
    return true;
 }

现在，您需要为提交按钮指定一个名称，以便PHP能够了解它

<button type="submit" name='submit-btn' class="btn btn-primary register" value="submit"  >Submit</button>

---

只有在验证失败时，才能调用

event.preventDefault（）

。所以把它移到else子句

<script language=JavaScript>
$('#register').validator()
   .submit(function(e){
      var form = $(this);
      var valid = form.validator({messageClass: "alert alert-danger validate_error", position: 'center right'});
      if (valid.data("validator").checkValidity()){
          alert('not working');
          return true;
      }// VALID
      else {
          e.preventDefault();
          return false;
      }
});// SUBMIT    
</script>

$（“#寄存器”）.validator（）
.提交（职能（e）{
变量形式=$（此）；
var valid=form.validator（{messageClass:“alert-alert-danger-validate\u-error”，位置：'中间偏右'}）；
if（valid.data（“validator”）.checkValidity（））{
警报（“不工作”）；
返回true；
}//有效的
否则{
e、 预防默认值（）；
返回false；
}
});// 提交

使用

onClick=“validate（）”

调用验证程序函数，验证成功后，使用

document.getElementById（“register”）.submit（）提交表单
您是否收到
不工作的消息
他也不必调用
e.preventDefault（）
。
<script language=JavaScript>
$('#register').validator()
   .submit(function(e){
      var form = $(this);
      var valid = form.validator({messageClass: "alert alert-danger validate_error", position: 'center right'});
      if (valid.data("validator").checkValidity()){
          alert('not working');
          return true;
      }// VALID
      else {
          e.preventDefault();
          return false;
      }
});// SUBMIT    
</script>