Здесь я сделал ответ на свой вопрос.Я использую регулярное выражение для проверки.
<input
pattern="^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$"
placeholder="Find your website ranking... Eg - site.com" class="form-control" name="url"
oninvalid="setCustomValidity('Please Enter URL.')"
onchange="try{setCustomValidity('')}catch(e){}"
>
URL Cheker Regex - ^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$
Я использую приведенный ниже JavaScript для изменения сообщения проверки -
oninvalid="setCustomValidity('Please Enter URL.')"
onchange="try{setCustomValidity('')}catch(e){}"