jQuery-validate：使用远程隐藏按钮？

Question

当我使用jQuery Validation Plugin 中的remote method 并按下提交按钮时，$_POST 数组中未列出提交按钮名称。这是一个错误还是我做错了什么？

这是一个小例子：

<?php
if(!empty($_POST))print_r($_POST);
?>
<form method="POST" id='mainForm'>
  <input type='email' name="email" value="test@test.com">
  <button name="superbutton">Press me</button>
</form>

当我按下superbutton 时，我得到以下输出

当我像这样添加 jQuery 验证插件时

 $("#mainForm").validate({
   rules: {
     email: {
       required: true,
       email: true
     }
   }
 });

我仍然得到相同的输出。但是，当我添加远程方法时：

 $("#mainForm").validate({
   rules: {
     email: {
       required: true,
       email: true,
       remote: {
        url: "test.php"
       }
     }
   }
 });

与 test.php

<?php
header('Content-Type: application/json');
echo json_encode("true");

那么superbutton 不再在'$_POST` 数组中。

我在这里做错了吗？

Answer 1

当使用本地验证方法时，jquery-validate在验证失败时调用event.preventDefault()，否则正常返回以允许进行正常的表单提交。

这在远程验证中是不可能的，因为 AJAX 是异步的。它不等待响应，因此它总是阻止正常的表单提交。当收到 AJAX 响应时，它使用 Javascript form.submit() 提交表单。

当使用 Javascript 提交表单时，触发原始提交的按钮不为浏览器所知，因此不会包含在 POST 数据中。