There is information at the URL validation entrance in JavaScript land! In any case those years of cursing JavaScript for now not having a very simple strategy to validate a URL, there is a new way on the town — URL.canParse()!

URL.canParse('https://www.stefanjudis.com'); 
URL.canParse('www.stefanjudis.com'); 

Hallelujah! URL.canParse() is a handy guide a rough approach to determine if a string is a legitimate URL. However sooner than all of us get too excited, URL.canParse() isn’t cross-browser supported when scripting this submit. However you’ll to find up-to-date browser strengthen data underneath. 👇

The static way is already incorporated in core-js, despite the fact that. Is it onerous paintings to polyfill the nifty URL validation one-liner? Seems, nope!

URL.canParse() will depend on the similar set of rules to judge a legitimate URL because the URL() constructor.

And since each strategies put in force that very same parser and URL() is easily supported as of late, you’ll apply the overall recommendation to make use of the constructor to validate URLs. Position new URL() in a helper serve as, test if it throws an exception and speak to it an afternoon!

serve as isUrlValid(string) {
  take a look at {
    new URL(string);
    go back true;
  } catch (err) {
    go back false;
  }
}

isUrlValid('https://www.stefanjudis.com'); 
isUrlValid('www.stefanjudis.com'); 

Or if you do not fancy an isUrlValid serve as, that you must additionally polyfill URL.canParse() very similar to core-js.

The one factor closing is the query “What’s a legitimate URL?” however I will depart this one for once more! As a result of it is a difficult one.