JS URL 正则表达式，只允许 url 和空字符串

Question

我有以下正则：

var regex = /^(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g;

function test() {
    alert(regex.test(document.getElementById("myinput").value));
}

我想允许 url 或空字符串。 正则表达式解决方案
在这种情况下如何允许为空？
https://jsfiddle.net/6kptovwc/2/
谢谢

Answer 1

只需加上OR(||)条件

function test() {
    const elm = document.getElementById("myinput")
    alert(elm.value === '' || regex.test(elm.value));
}

Answer 2

^$|pattern

var regex = /^$|(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g;

Answer 3

添加空字符串的交替（我稍微简化了你的正则表达式）：

^((?:https?:\/\/)?(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b[-a-zA-Z0-9@:%_\+.~#?&\/=]*|)$

或

^((?:https?:\/\/)?(?:www\.)?[-\w@:%.+~#=]{2,256}\.[a-z]{2,6}\b[-\w@:%+.~#?&\/=]*|)$

Demo & explanation

JS URL 正则表达式，只允许 url 和空字符串

JS URL regex, allow only urls and empty string

javascript

regex

url-validation