如何实现带会员ID的可点击URL生成功能？代码排查求助

核心问题 #

1. 你试图给<h3>标签设置href属性，但<h3>是标题元素，本身不具备链接功能，设置href不会让它变成可点击链接。
2. 缺少会员ID的验证逻辑，无法区分有效/无效输入。

修改后的完整代码 #

HTML（无需改动，保持原样即可）

<h2>Members Only</h2>
<input id="userInput"> <br>
Please click the link below after submitting your member ID. <br> <br>
<button onclick="myFunction()" >Submit</button>
<br> <br>
<h3 id="message"></h3>

JavaScript（修复链接生成+添加验证逻辑）

function myFunction(){
    const userInput = document.querySelector("#userInput");
    const message = document.querySelector("#message");
    const inputVal = userInput.value.trim();

    // 替换为你的会员ID验证规则，示例：非空且由6-12位大写字母/数字组成
    const isMemberValid = inputVal && /^[A-Z0-9]{6,12}$/.test(inputVal);

    if(isMemberValid){
        const targetUrl = `https://website.com/${inputVal}`;
        // 生成可点击的<a>标签插入到页面中
        message.innerHTML = `<a href="${targetUrl}" target="_blank">${targetUrl}</a>`;
    } else {
        message.textContent = "无效会员ID";
    }
}

修改说明 #

• 用trim()处理输入值，排除空白字符的干扰
• 添加自定义验证规则（示例正则可根据实际需求调整），判断输入是否为有效会员ID
• 有效输入时，动态生成<a>标签并插入到message容器中，这样才是真正可点击的链接
• 无效输入时，直接显示错误提示文本
• 移除了重复的DOM元素获取，优化代码简洁性

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