RegEx for URL validation - Javascript ( AngularJs )

Question

I need following URL should be returned as 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
• other.some.url
• some.url
• some.url/page/1

Following url should be returned as false

• http://some.url/test?id=something
• http://some.url/test?id=something&value=somethingelse
• somerandomvalue

This is regex I tried so far /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/. Im using this inside angular form input ng-patter

Any help would be appreciated

Answer 1

Try this regular expression

/^((?: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;
 }