javascript - 如何阻止表单提交进入循环？

Question

这是目前的情况，代码是不言自明的。

表单 Html

<form id="register" action="example.com/signup" method="post" accept-charset="utf-8" enctype="multipart/form-data">
    <input id="email" type="email" name="email">
    <label for="email">Email</label><br />

    <input id="password" type="password" name="password">
    <label for="password">Password</label>

    <button type="submit" name="register" id="submit" value="Submit">Submit</button>
</form>

Javascript

$('#register').submit(function(event){

event.stopPropagation();
event.preventDefault(); 

alert('fff');

if(condition)
{
    $(this).submit();
}
else
{
    //dostuff
    if(condition)
    {
        //dostuff
        return;
    }
    else
    {
        $(this).submit();
    }
}

});

但是表单提交进入循环，如何防止它发生？

Answer 1

您当前拥有的这段代码将再次启动您的提交回调

$(this).submit();

您不希望这样 - 如果您想继续提交，您只想返回 true;；如果您不想继续提交，则返回 false;。

<小时/>

此外，您不需要需要此部件

event.stopPropagation();
event.preventDefault();