时间戳

首页 > 解决方案 > php jquery ajax 用于表单验证但不用于提交

php - php jquery ajax 用于表单验证但不用于提交

问题描述

考虑以下非常基本的形式：

 <form action="action_page.php" method="post">
   <input type="text" id="fname" name="fname"><br><br>
   <input type="text" id="lname" name="lname"><br><br>
   <input type="submit" value="Submit">
</form>

我知道如何使用 jquery ajax 验证和提交此表单。我的问题：无论如何我可以先使用 ajax 验证表单，然后再以常规方式提交到操作 php 文件？

我的意思是这两个过程应该是提交操作的结果。即调用的脚本应该首先验证，当一切正常时，然后将页面提交到表单操作属性中的文件或我指定的任何 url。否则它会停止表单提交并返回错误消息。

谢谢

标签： phpajaxformsvalidation

解决方案

这个小代码工作正常。如果您的 ajax 调用正常，则提交表单。是这个问题吗？

更新您的表单（注释类型按钮代替类型提交）

<form name="action" id="action" action="action_page.php" method="post">
   <input type="text" id="fname" name="fname"><br><br>
   <input type="text" id="lname" name="lname"><br><br>
   <input type="button" id="submit_button" value="Submit">
</form>

还有你的js

$('#submit_button').on('click', function(e) {

  // Do your ajax call
  $.ajax({
    url:'myurl.php',
    type:'GET',
    success: function(data) {
      $('form').submit();// Finally submit
    },
    error: function(xhr, status, error) {
      alert('Ajax error');
    }
  });
  
});

https://jsfiddle.net/p6xrm1d0/14/

推荐阅读