WordPress迁移后AJAX邮箱验证失效问题求助

你的代码存在多个语法和WordPress规范问题，导致邮箱验证逻辑失效，以下是具体问题和修复方案：

1. AJAX请求数据格式错误 #

JS中data参数写法错误，需改为标准键值对格式，而非字符串拼接：

// 错误写法
data: {'Email='+$("#Email").val(), action: 'email_validation'},

// 正确写法
data: {
    Email: $("#Email").val(),
    action: 'email_validation'
},

2. 缺失登录用户的AJAX钩子 #

仅注册了供未登录用户使用的wp_ajax_nopriv_validate_email，缺少登录用户可用的wp_ajax_validate_email钩子，导致登录状态下无法触发验证：

// 补充完整钩子
add_action('wp_ajax_validate_email', 'email_validation');
add_action('wp_ajax_nopriv_validate_email', 'email_validation');

3. SQL查询的prepare用法错误 #

$wpdb->prepare需将变量作为参数传入，而非直接拼接在SQL字符串中，同时原语句存在空格缺失的语法问题：

// 错误写法
$sql = $wpdb->prepare("Select count(*) from" .$wpdb->prefix . "EmailValidation where email ='$email'");

// 正确写法（安全且语法合规）
$count = $wpdb->get_var(
    $wpdb->prepare(
        "SELECT COUNT(*) FROM {$wpdb->prefix}EmailValidation WHERE email = %s",
        $email
    )
);

4. 多余反引号导致语法错误 #

PHP代码中存在大量多余的反引号（`），会直接引发语法错误，需全部删除。

5. 未终止AJAX请求 #

WordPress AJAX处理函数末尾必须调用wp_die()，否则会返回额外内容导致响应异常。

6. jQuery别名兼容性问题 #

WordPress默认加载的jQuery不使用$作为别名，需用jQuery替代或添加兼容性包裹：

// 兼容性写法
jQuery(document).ready(function($) {
    // 这里可以正常使用$替代jQuery
});

完整修复后的代码 #

functions.php修正版 #

add_action('wp_ajax_validate_email', 'email_validation');
add_action('wp_ajax_nopriv_validate_email', 'email_validation');

function email_validation() {
    global $wpdb;
    error_reporting(E_ALL);

    // 校验请求参数是否存在
    if (!isset($_POST['Email'])) {
        wp_die();
    }

    $email = sanitize_email($_POST['Email']);
    $emailclean = explode('@', $email);
    $domain = array_pop($emailclean);
    $bad_domains = array('gmail.com','hotmail.com');

    // 安全查询邮箱存在数量
    $count = $wpdb->get_var(
        $wpdb->prepare(
            "SELECT COUNT(*) FROM {$wpdb->prefix}EmailValidation WHERE email = %s",
            $email
        )
    );

    if ($count > 0) {
        echo "<span style='color:red'> It appears you are already a member, please contact us for further assistance. </span>";
        echo "<script>$('#submit').prop('disabled',true);</script>";
    } elseif (in_array($domain, $bad_domains)) {
        echo "<span style='color:red'> Please register with your personal email </span>";
        echo "<script>$('#submit').prop('disabled',true);</script>";
    } else {
        echo 'Thank You for becoming a member';
        echo "<script>$('#submit').prop('disabled',false);</script>";
    }

    wp_die();
}

页面JS修正版 #

<script>
jQuery(document).ready(function($) {
    function checkemail() {
        $.ajax({
            url: "/wp-admin/admin-ajax.php",
            data: {
                Email: $("#Email").val(),
                action: 'email_validation'
            },
            type: "POST",
            success:function(data){
                setTimeout(function(){
                    $("#check-email").html(data);
                },3000);
            },
            error:function (){
                $("#check-email").html("<span style='color:red'>An error occurred.</span>");
            }
        });
    }

    // 原超时调用若无需可删除，若callAjax函数不存在请注释
    // setTimeout(function(){ callAjax(); }, 3000);
});
</script>

表单部分无需修改，确保oninput="checkemail()"正常触发即可 #

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