求助：jQuery链接输入验证功能失效，求正确实现方案

我看了你的代码，发现几个关键问题导致验证功能没法正常工作，下面一步步帮你梳理和修正～

先说说你代码里的问题 #

• 你在判断输入是否为空时，错误用了$("b").val()——这里的b是你定义的变量，不是DOM元素，应该直接判断变量b的内容
• 重复弹出确认框的逻辑有点混乱，用户取消后没必要再弹一遍相同的提示
• 没处理用户点击prompt取消按钮的情况（这时候b会变成null）
• 你的HTML里<script>标签没写完，可能导致jQuery都没法正确加载

修正后的完整代码 #

完整HTML（包含修正后的jQuery） #

<html>
<head>
  <!-- 先引入jQuery库，一定要放在自定义脚本前面 -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script type="text/javascript">
    $(function(){
      $("#btn").click(function(){
        let inputLink = prompt("Enter your link");
        
        // 循环处理：用户没输入或者取消的情况
        while(!inputLink || inputLink.trim() === ''){
          let wantTryAgain = confirm("Please enter a valid link! Do you want to try again?");
          if(wantTryAgain){
            inputLink = prompt("Enter your link");
          } else {
            // 用户不想继续了，直接退出函数
            return;
          }
        }
        
        // 验证通过后，设置a标签的href属性
        $("a").attr("href", inputLink);
      });
    });
  </script>
</head>
<body>
  <button id="btn">Set Link</button>
  <a href="#">My Link</a>
</body>
</html>

主要改进的地方 #

• 用let代替var（更现代的变量声明，避免奇怪的作用域问题）
• 用trim()去掉输入内容的首尾空格，防止用户只输入空格就通过验证
• 用while循环处理重复输入的逻辑，比嵌套判断更清晰易懂
• 明确处理用户取消操作的情况，不会出现无效的循环
• 补全了完整的HTML结构，确保jQuery库正确加载

额外小优化（可选） #

如果想让验证更严谨，可以加个链接格式检查，比如确保链接包含http://或https://，示例代码如下：

// 在设置href之前添加这段代码
if(!inputLink.startsWith('http://') && !inputLink.startsWith('https://')){
  let addHttp = confirm("Looks like your link doesn't have http://. Do you want to add it automatically?");
  if(addHttp){
    inputLink = 'http://' + inputLink;
  }
}

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