WooCommerce登录表单AJAX提交后无法登录问题求助

你的核心问题是：已修改密码的用户通过AJAX验证后调用form.submit()，表单提交却无法完成登录。大概率是登录表单的安全验证字段（nonce）失效或AJAX请求干扰了登录会话导致的，结合安全风险优化，给出以下修复方案：

一、前端代码修复 #

移除明文密码传递，解绑重复的submit事件，避免nonce被提前消耗：

;(function($){
    $(document).ready(function(){
        $('form.woocommerce-form.woocommerce-form-login').on('submit', function(e) {
            var form = $(this);
            var username = $('#username').val();

            // 用户名空时直接提交，交给WooCommerce处理错误
            if (!username) return;
            
            e.preventDefault();

            $.ajax({
                url: passwordResetData.ajax_url,
                type: 'POST',
                dataType: 'json',
                data: {
                    action: 'check_is_pass_changed_status',
                    username: username,
                    security: passwordResetData.nonce // 使用独立的AJAX安全验证字段
                },
                success: function(response) {
                    if (response.success && response.data.show_popup) {
                        $('#password-reset-modal').fadeIn();
                    } else if (response.success) {
                        // 解绑当前submit事件，避免循环触发，再提交表单
                        form.off('submit').submit();
                    } else {
                        console.log("Error: " + (response.data.message || 'Unknown error.'));
                        form.off('submit').submit();
                    }
                },
                error: function(xhr, status, error) {
                    console.error('AJAX Error:', status, error);
                    // AJAX失败时兜底，允许用户正常提交表单
                    form.off('submit').submit();
                }
            });
        });
    });
})(jQuery);

二、后端PHP逻辑优化 #

只做用户元字段检查，不处理密码验证，避免干扰登录流程：

// 注册AJAX动作（含未登录用户权限）
add_action('wp_ajax_check_is_pass_changed_status', 'check_is_pass_changed_status');
add_action('wp_ajax_nopriv_check_is_pass_changed_status', 'check_is_pass_changed_status');

function check_is_pass_changed_status() {
    // 验证AJAX安全字段
    if (!isset($_POST['security']) || !wp_verify_nonce($_POST['security'], 'password_reset_nonce')) {
        wp_send_json_error(['message' => '安全验证失败']);
    }

    if (!isset($_POST['username'])) {
        wp_send_json_error(['message' => '请输入用户名']);
    }

    $username = sanitize_text_field($_POST['username']);
    $user = get_user_by('login', $username);
    
    // 用户不存在时，直接放行让WooCommerce处理登录错误
    if (!$user) {
        wp_send_json_success(['show_popup' => false]);
    }

    // 检查用户元字段（假设字段名为password_changed，1表示已修改）
    $password_changed = get_user_meta($user->ID, 'password_changed', true);
    $show_popup = empty($password_changed) || $password_changed !== '1';

    wp_send_json_success(['show_popup' => $show_popup]);
}

三、配套初始化与状态更新 #

确保用户注册和密码重置时，元字段状态正确：

// 用户注册时，默认标记密码未修改
add_action('user_register', 'set_default_password_status');
function set_default_password_status($user_id) {
    update_user_meta($user_id, 'password_changed', '0');
}

// 用户重置密码后，标记为已修改
add_action('after_password_reset', 'update_password_status');
function update_password_status($user) {
    update_user_meta($user->ID, 'password_changed', '1');
}

四、问题根源说明 #

1. 安全字段失效：原代码传递了form_data，其中包含登录表单的nonce，AJAX请求时服务器会验证这个nonce，导致后续真实登录提交时nonce已过期/失效，WooCommerce拒绝登录。
2. 明文密码风险：原代码传递明文密码，存在被劫持窃取的安全隐患，完全没必要——我们只需要通过用户名查询用户元字段即可。

内容的提问来源于stack exchange，提问作者Fazle Bari Sony