如何为B2C emailVerificationControl的操作成功事件添加JavaScript事件处理器并实现验证后跳转注册页

嗨，我来帮你搞定这个问题！Azure AD B2C的emailVerificationControl确实没有直接暴露SendCode和VerifyCode的成功回调API，但我们可以通过监听页面元素状态变化的方式来实现需求，下面是具体的步骤和代码：

核心思路 #

当but_send_code点击成功后，控件会显示success_send_code_msg元素；同理，but_verify_code验证成功后会显示success_verify_code_msg元素。我们可以通过定时轮询检查这些元素的可见状态，一旦检测到它们显示，就触发我们的自定义逻辑（比如显示/隐藏其他元素、跳转页面）。

具体实现代码 #

把这段脚本放到你的B2C页面自定义脚本区域（比如在页面的<script>标签中，或者通过自定义策略注入）：

// 监听发送验证码成功事件
function watchSendCodeSuccess() {
    const sendCodeTimer = setInterval(() => {
        const successMsg = document.querySelector('.success_send_code_msg');
        if (successMsg && successMsg.style.display !== 'none') {
            // 这里写发送验证码成功后的自定义逻辑
            console.log('验证码发送成功！');
            // 示例：显示某个隐藏元素
            // document.getElementById('your-element-id').style.display = 'block';
            clearInterval(sendCodeTimer); // 清理定时器
        }
    }, 500); // 每500毫秒检查一次
}

// 监听验证验证码成功事件，并实现跳转注册页
function watchVerifyCodeSuccess() {
    const verifyCodeTimer = setInterval(() => {
        const successMsg = document.querySelector('.success_verify_code_msg');
        if (successMsg && successMsg.style.display !== 'none') {
            // 这里写验证成功后的自定义逻辑
            console.log('验证码验证成功！');
            // 示例：隐藏某个元素
            // document.getElementById('another-element-id').style.display = 'none';
            
            // 跳转注册页：替换成你的B2C注册页面URL
            window.location.href = '/your-b2c-registration-page-url';
            
            clearInterval(verifyCodeTimer); // 清理定时器
        }
    }, 500);
}

// 页面加载完成后启动监听
document.addEventListener('DOMContentLoaded', () => {
    watchSendCodeSuccess();
    watchVerifyCodeSuccess();
});

注意事项 #

• 定时器的间隔可以根据实际情况调整，500毫秒是比较平衡的选择，既不会太占用资源，也能及时响应状态变化。
• 确保你使用的元素选择器（.success_send_code_msg、.success_verify_code_msg）和B2C控件实际生成的类名一致，如果不确定，可以通过浏览器开发者工具查看元素的类名。
• 如果你的B2C页面是动态渲染的（比如通过单页应用方式加载），可能需要调整监听时机，比如在控件渲染完成后再启动轮询。

这种方式虽然不是官方的“回调API”，但在B2C没有提供直接事件接口的情况下，是比较可靠的解决方案，很多开发者都在用这种方法处理类似的自定义需求。

备注：内容来源于stack exchange，提问作者Michael Freidgeim