如何通过URL参数动态设置MemberPress注册表单邮箱值

核心逻辑只需要两步：解析URL拿到传入的email参数，待页面表单渲染完成后将参数值赋值给邮箱输入框即可，全程用原生JavaScript就能实现，不需要依赖额外插件。

• 提取URL中的email参数
  直接用浏览器原生URLSearchParams接口解析查询参数即可，该接口会自动处理URL编码（比如你示例中%40会自动解码为@），不需要手动写正则拆分参数：

  const urlSearchParams = new URLSearchParams(window.location.search);
  const targetEmail = urlSearchParams.get('email');
  

  如果URL里没有传email参数，targetEmail会返回null，后续逻辑直接终止即可，不会影响页面原有功能。

• 基础版赋值逻辑（适用于静态渲染的表单页面）
  必须等页面DOM结构加载完成后再查找邮箱输入框，否则会因为元素还未渲染导致取值失败，监听DOMContentLoaded事件触发即可：

  document.addEventListener('DOMContentLoaded', () => {
    if (!targetEmail) return;
    // 以下选择器根据你自己页面的实际结构调整，常见的邮箱字段选择器可参考：
    // input[name="email"] / input[type="email"] / #register-email（你自己给字段加的ID）
    const emailField = document.querySelector('input[type="email"]');
    if (emailField) {
      emailField.value = targetEmail;
      // 触发input事件适配页面自带的表单校验、前端框架数据绑定逻辑，避免赋值后表单识别不到值
      emailField.dispatchEvent(new Event('input', { bubbles: true }));
    }
  })
  

• 适配版逻辑（适用于动态渲染表单的页面）
  如果你的注册页表单是JS延迟渲染（比如用React/Vue写的单页应用、带弹窗注册的站点），基础版可能会找不到元素，可以加个短轮询兜底，最多轮询3秒，找到元素就自动停止：

  const fillEmail = () => {
    const emailField = document.querySelector('input[type="email"]');
    if (emailField) {
      emailField.value = targetEmail;
      emailField.dispatchEvent(new Event('input', { bubbles: true }));
      return true;
    }
    return false;
  }
  
  if (targetEmail) {
    let pollCount = 0;
    const pollTimer = setInterval(() => {
      pollCount++;
      // 找到元素或者轮询超过30次（3秒）就停止轮询
      if (fillEmail() || pollCount > 30) clearInterval(pollTimer);
    }, 100)
  }
  

部署提示：把上述代码粘贴到你注册页的页脚自定义脚本区域即可，不需要修改原有表单逻辑。使用前先打开浏览器开发者工具，在元素面板确认邮箱输入框的实际选择器，替换代码里querySelector的参数就能正常运行。

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