以 http:// 或 https:// 开头的 URL，以逗号分隔，没有空格

Question

我需要检查用户插入 URL 的字段。规则是：

• 没有空格；
• 以逗号分隔；
• 每个 URL 必须以 http:// 或 https:// 开头

输入文本的有效示例：

• “http://whatever.com,https://anything.edu,http://anotherurl.br”

• “http://thisisavalidurl.com”

• “https://aurl.fr”

一些无效的例子：

• “https://validurl.com,badexample.com”
• “anotherbadone.com”
• “nomoreideas.com,badurl.com”
• "https://goodone.com, http://goodbutspacesnotwelcomed.com"

这是我的正则表达式，但不能正常工作：

/(^([\S]https?:\/\/)\w+(?:\.\w+)*\.\w{2,})$*/i

Answer 1

您的实际正则表达式不正确，因为当您在正则表达式的开头使用[\S]https 时，它接受http 之前的任何非空白字符。

我可以建议将Array 函数与此regex 结合使用，以确保所有输入的网址都正确。

先用逗号分割输入值，得到urls数组：

var urls = document.getElementById("urls").value.split(",");
urls = urls.map(u => u.trim()).filter(v => v !== '');

然后检查所有 url 是否与 /^https?:\/\/(\w+)\.\[a-z\]{2,3}$/ 匹配 regex

let valid = urls.every(url => url.match(/^https?:\/\/(\w+)\.[a-z]{2,3}$/));

演示：

document.getElementById("urls").onchange = function() {
  var urls = document.getElementById("urls").value.split(",");
  urls = urls.map(u => u.trim()).filter(v => v !== '');
  console.log(urls);
  let valid = urls.every(url => url.match(/^https?:\/\/(\w+)\.[a-z]{2,3}$/) );
  console.log(valid);
}

<input id="urls" />

Answer 2

你可以试试这样的：

^(?:https?:\/\/\w+\.\w+,?)*$

这是非常基本的，不提供广泛的 url 验证，例如拼写错误的顶级域（.com 与 .cmo）。

只需捕获您的模式https?:\/\/\w+\.\w+,? 并根据需要递归(?1)允许可选的逗号,。

See it here