javascript - 返回 false 后提交表单

Question

我想在我阻止它提交后提交一个表单。
我在 StackOverflow 上看到了一些问题，但没有一个对我有用。

代码如下:

$(function(){
    $("#loginform").submit(function(){
      var username = $("#user").val();
      $.get( "go.php?action=check_username&username=" + username  )
        .done(function( data ) {
            console.log(data);
            if (data.indexOf("ok") >= 0) {$("#loginform").submit();}
            else {alert("Username doesn't exist");}
      })            
        return false;
    });
});

如果用户名存在，它只会一次又一次地运行 ajax，从不提交表单。

提前致谢。

Answer 1

你的问题是你覆盖了 $("#loginform").submit(); - 因此，即使您尝试从您的 JavaScript 代码提交它，您也会再次返回到相同的函数。

而不是覆盖按钮单击/返回按下/等事件，并对其进行比较，而不是在登录表单提交上进行比较。现在您可以在执行检查后自行提交表单。

我实际这样做的方法是从禁用提交按钮开始，然后为各个字段中的文本更改设置一个监听器。通过监听该字段中的更改来验证输入的每个字段，如果有效则显示勾号(或其他)。

然后在每个字段都有效后启用提交按钮。