jQuery提交的“递归太多”

Question

这是我的自定义提交功能与验证。它显示“太多递归”后，我点击提交。

$('#searchform').on('submit', function(e){ 
 
    var validateError = ''; \t 
 
    var id = ''; 
 
    var fieldError = []; 
 

 
    $('#searchform :input:text').each(function(){ 
 
     id = $(this).attr('id'); 
 
     validateError = jQuery.fn.validationEngine.loadValidation(document.getElementById(id)); 
 
     if (validateError) { 
 
      fieldError.push(id); 
 
     } 
 
    }); 
 

 
    if (fieldError.length != 0) { 
 
     return false; 
 
    } 
 
    else { 
 
     $("form#searchform").submit(); 
 
     return true; 
 
    } 
 
}); 
 
});

我的形式占用太多的时间提交。在控制台中，我可以看到我的验证Ajax方法正在无限调用。我如何解决这个问题。

Answer 1

问题是，如果表单有效，你可以调用.submit()，它会再次调用你的回调函数，再次调用.submit()等等，并且你得到一个无限递归循环。

只是删除

else { 
    $("form#searchform").submit(); 
    return true; 
} 

完全和它应该工作（你的回调将不会返回任何东西，浏览器将使用默认的表格提交行为）。

Answer 2

你需要停止提交内重新提交：

改变这一点：

else { 
    $("form#searchform").submit(); 
    return true; 
} 

到：

else { 
    return true; 
} 

或只是删除它完全为默认（如果你不返回任何东西）也是继续提交。

当验证失败时，您已经正确返回false，因此不需要使用e.preventDefault()。 return false和e.preventDefault()和e.stopPropagation()都一样。

即这是正确的：

if (fieldError.length != 0) { 
    return false; 
} 

虽然可以测试非零长度只有这个：

if (fieldError.length) { 
    return false; 
} 

Answer 3

无需提交表单中else语句：

变化您的声明：

else { 
    return true; 
}