javascript - 用于 URL 验证的正则表达式 - Javascript ( AngularJs )

Question

我需要以下 URL 应返回 true

• http://some.url
• http://other.some.url
• http://other.some.url/page/1
• http://some.url/page/1
• https://some.url
• https://other.some.url
• https://some.url/page/1
• 其他.some.url
• 某个.url
• some.url/page/1

以下网址应返回 false

• http://some.url/test?id=something
• http://some.url/test?id=something&value=somethingelse
• 一些随机值

这是我到目前为止尝试过的正则表达式 /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+ )+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/.我使用这个内部 Angular 形式输入 ng-patter

如有任何帮助，我们将不胜感激

Answer 1

尝试这个正则表达式

/^((?:http://)|(?:https://))(www.)?((?:[a-zA-Z0-9]+.[a-z]{3} )|(?:\d{1,3}.\d{1,3}.\d{1,3}.\d{1,3}(?::\d+)?))([/a -zA-Z0-9.]*)$/gm

function isUrlValid(userInput) {
    var res = userInput.match(/^((?:http:\/\/)|(?:https:\/\/))(www.)?((?:[a-zA-Z0-9]+\.[a-z]{3})|(?:\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}(?::\d+)?))([\/a-zA-Z0-9\.]*)$/gm);
    if(res == null)
        return false;
    else
        return true;
 }