使用引导验证库防止表单提交后重定向

Posted 2023-05-09

【中文标题】使用引导验证库防止表单提交后重定向

【英文标题】：Prevent redirection after form submit with a bootstrap validation library

【发布时间】：2017-06-15 16:45:02

【问题描述】：

我使用bootsrap validation plugin 进行表单验证。这是我的表单提交代码。我需要避免表单提交后的重定向。

$('#form').validator().on('submit', function (e) 
    if (!e.isDefaultPrevented()) 
         //ajax call
         return false;
    
);

我参考了许多教程和他们的建议，以通过添加 return false 来防止重定向。但对于这种情况，它不起作用。谁能告诉我，这里出了什么问题。

【问题讨论】：

你读错了。正确的做法是api.jquery.com/event.preventdefault

不，他不是。 1000hz.github.io/bootstrap-validator

【参考方案1】：

您必须手动阻止默认事件，因为如果一切正常，验证器将不会阻止提交。

所以试试这个：

$('#form').validator().on('submit', function (e) 
        if (!e.isDefaultPrevented()) 
            e.preventDefault();
            //Your ajax stuff
            return false;
        
);

【讨论】：

它会中断 ajax 调用并返回“Internal Server Error:500”

内部服务器错误：500 是通过 ajax 调用的页面配置错误。我想php？尝试激活调试并检查 chrome-tools 或 firebug 中的 ajax 调用。