URL валидация regex

let urls = [ 
 'http://localhost:8080', 
 'https://some-host-name', 
 'https://127.0.0.1:4545', 
 'http://load-balancer/some-path', 
 'http://load-balancer:8332', 
 'http://load-balancer:8332/some-path', 
 'http://localhost:8080/storage/v1/diag/ping', 
 'https://some-host-name/storage/v1/diag/ping', 
 'https://127.0.0.1:4545/storage/v1/diag/ping', 
 'http://load-balancer/some-path/storage/v1/diag/ping', 
 'http://load-balancer:8332/storage/v1/diag/ping', 
 'http://load-balancer:8332/some-path/storage/v1/diag/ping', 
 'ftp://example.org/123', 
 'my@email', // TypeError will be thrown 
]; 
 
function isUrlValid(url) { 
  try {new URL(url); return true;} 
  catch(e) {return false;} 
} 
 
urls.forEach(url => { 
 
  console.log(url, isUrlValid(url)); 
});

const url = document.querySelector('input'); 
document.querySelector('button') 
  .addEventListener('click', e => { 
  console.log(url.checkValidity()) 
})

<input type="url" pattern="https?://.*" required="required" value="http://???" /> 
<button>Check</button>