Question

我正在使用AJAX验证表单，如下所示：

<script>

        $(function() {

            $("#loginForm").submit(function() {
               var data = $("#loginForm :input").serialize();
               var curl = "../view/index_valid.php";
               $.ajax({
                  url: curl,
                  method: "post",
                  data: data,
                  success: function(data) {
                      if(data==="logged") {
                          return true;
                      } else {
                          return false;
                      }
                  }

               });
               return false;
            }); // end loginForm submit function

        }); // end function

</script>

我认为当返回为真时，表单应提交（action="..."）...但没有任何反应。可能有什么不对？

Answer 1

成功回调而不是return true;，使用DOM节点方法提交FORM：

$("#loginForm").submit(function () {
    var data = $("#loginForm :input").serialize();
    var curl = "../view/index_valid.php";
    $.ajax({
        context: this, //>> set context
        url: curl,
        method: "post",
        data: data,
        success: function (data) {
            if (data === "logged") {
                this.submit(); //>> that will submit the FORM
            } /*else {
                return false; //>> returning false here is useless
            }*/
        }
        return false;
    });
}); // end loginForm submit function

使用AJAX验证表单，然后提交

1 个答案: