Valid url check

by Sreeraj Saseendran

HTML

<div>
<input tyep="text" id="inputId" />
<button onclick="validateField()">Click me</button>
</div>

JavaScript

function validateField(){
let inputValue = document.getElementById("inputId").value;
let pattern = /([(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*))*?([a-zA-Z0-9][.](?!html)[a-zA-z])/g;
let result = inputValue.match(pattern);
if(result) {
alert(inputValue+" is a valid url");
} else {
alert(inputValue+" is not a valid url");
}
}