表单自动提交配置需求：认证失败时禁止再次自动提交

没问题，我来帮你搞定这个需求！核心思路就是先检测页面是否存在认证失败的错误标记，再决定要不要执行自动提交逻辑。下面是具体实现步骤：

1. 明确认证失败的前端标识 #

首先，确保后端返回的认证错误信息有统一的标识（比如特定的CSS类）。你的PHP代码里已经用到了form_error，可以给错误提示加一个专属类，方便前端检测：

// 修改错误输出，添加.auth-error类
<?php echo form_error('email', '<div class="auth-error text-danger">', '</div>'); ?>

如果你的表单里还有其他字段（比如密码）的错误提示，也统一加上这个类。

2. 编写带判断逻辑的自动提交JS #

在你的自动提交代码里加入错误检测逻辑，只有当没有认证错误时才执行提交：

// 等待页面DOM完全加载
document.addEventListener('DOMContentLoaded', function() {
    // 检测页面是否存在认证失败的错误提示
    const hasAuthFailed = document.querySelector('.auth-error') !== null;

    // 仅当没有错误时，执行自动提交
    if (!hasAuthFailed) {
        // 获取登录表单元素
        const loginForm = document.querySelector('.login-form');
        
        // 可选：添加延迟（比如1秒），模拟用户输入过程
        setTimeout(() => {
            loginForm.submit();
        }, 1000);
    }
});

额外场景适配 #

如果你的后端是通过URL参数（比如?auth_error=1）或者Session提示错误，也可以调整检测逻辑：

// 结合URL参数和页面错误元素的检测
const urlParams = new URLSearchParams(window.location.search);
const hasAuthFailed = urlParams.has('auth_error') || document.querySelector('.auth-error') !== null;

这样就能完美实现需求：认证成功时自动提交，失败时跳过自动提交操作。

内容的提问来源于stack exchange，提问作者Br0wn