URL有效性校验函数返回错误结果：合法URL被判定为无效

你的URL验证函数对https://docs.google.com/spreadsheets/d/18z9jEa75fDtvdzQcV_lEithQEsIKgOpcoJp3clyRYwc/edit#gid=0返回false，核心原因是正则表达式对URL片段（#后面的部分）的字符限制过于严格：

原正则的片段校验规则是(\\#[-a-z\\d_]*)?$，只允许字母、数字、连字符和下划线，但你的URL片段gid=0包含了等号=，不在允许的字符范围内，直接导致匹配失败。

修复方案 #

调整正则中片段部分的字符集合，加入等号=，同时覆盖URL片段常见的合法字符（比如.、%等），可以将片段规则修改为(\\#[a-z\\d\\-_~.%=]*)$；如果追求极致通用性，也可以直接写成(\\#.*)?$（匹配#后的任意字符，只要不包含换行）。

修改后的完整代码 #

function isValidUrl(urlString) {
  var urlPattern = new RegExp('^(https?:\\/\\/)?' + // 验证协议
        '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // 验证域名
        '((\\d{1,3}\\.){3}\\d{1,3}))' + // 验证IPv4地址
        '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // 验证端口和路径
        '(\\?[;&a-z\\d%_.~+=-]*)?' + // 验证查询字符串
        '(\\#[a-z\\d\\-_~.%=]*)$', 'i'); // 放宽片段字符限制
    return !!urlPattern.test(urlString);
}

console.log(
isValidUrl('https://docs.google.com/spreadsheets/d/18z9jEa75fDtvdzQcV_lEithQEsIKgOpcoJp3clyRYwc/edit#gid=0')
); // 现在会返回true

更简便的替代方案 #

如果不需要兼容极老浏览器，推荐直接使用原生URL构造函数做验证，无需维护复杂正则，能自动适配所有符合规范的URL：

function isValidUrl(urlString) {
  try {
    new URL(urlString);
    return true;
  } catch (err) {
    return false;
  }
}

console.log(isValidUrl('https://docs.google.com/spreadsheets/d/18z9jEa75fDtvdzQcV_lEithQEsIKgOpcoJp3clyRYwc/edit#gid=0')); // 返回true

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