WordPress自定义注册表单必填字段为空仍可提交问题求助

核心问题 #

前端仅靠阻止空格的键盘事件完全不可靠——用户可以通过禁用JS、手动构造POST请求或粘贴空格绕过前端限制，必须同时加强前端验证逻辑+强制后端验证，这是防止空提交的关键。

1. 完善前端验证（防普通用户误操作） #

在register-form.php中，给目标字段补全HTML5必填属性，并替换原有JS逻辑，改为提交时检查字段是否为空或全空格：

<!-- 调整Airline字段 -->
<input type="text" name="airline" class="disspace" required placeholder="Airline">
<!-- 调整Employee Number字段 -->
<input type="text" name="employee_number" class="disspace" required placeholder="Employee Number">

添加表单提交验证JS（可放在页面模板tpl-autorize.php底部或单独JS文件）：

document.querySelector('.register-form').addEventListener('submit', function(e) {
    const airline = this.querySelector('[name="airline"]').value.trim();
    const empNum = this.querySelector('[name="employee_number"]').value.trim();
    
    if (!airline || !empNum) {
        e.preventDefault();
        alert('Airline和员工编号不能为空，且不能仅输入空格');
        return false;
    }
});

2. 强制后端验证（拦截所有非法提交） #

前端验证只是辅助，后端验证才是最后防线。在registration.php的提交处理逻辑最开头添加验证：

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 取出字段值并自动去除首尾空格
    $airline = isset($_POST['airline']) ? trim($_POST['airline']) : '';
    $employee_number = isset($_POST['employee_number']) ? trim($_POST['employee_number']) : '';

    // 验证字段非空
    if (empty($airline) || empty($employee_number)) {
        // 跳回注册页并携带错误标识
        $redirect_url = add_query_arg('error', 'empty_required_fields', get_permalink());
        wp_redirect($redirect_url);
        exit;
    }

    // 后续的注册逻辑（创建用户、发送邮件等）...
}

如果你的注册逻辑是通过WordPress原生钩子实现的，也可以在functions.php中添加全局验证：

add_action('register_post', 'custom_registration_required_fields_check', 10, 3);
function custom_registration_required_fields_check($login, $email, $errors) {
    $airline = isset($_POST['airline']) ? trim($_POST['airline']) : '';
    $employee_number = isset($_POST['employee_number']) ? trim($_POST['employee_number']) : '';

    if (empty($airline)) {
        $errors->add('airline_missing', '<strong>错误</strong>: 请填写Airline字段');
    }
    if (empty($employee_number)) {
        $errors->add('emp_num_missing', '<strong>错误</strong>: 请填写员工编号');
    }
}

3. 额外检查：邮件触发逻辑 #

确认functions.php中的管理员通知邮件函数，只有在注册验证通过后才触发，避免空提交时误发邮件。

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