删除URL输入字段验证，但仅接受不带https的URL

Question

我想在输入字段中接受一个URL 。 但我不在乎https://或https:// 。 我只想删除此验证。 但是它只能接受一个URL 。

像这样的示例www.example.com或example.com应该可以接受。

<form action="" method="POST" class="form-box d-flex justify-content-between" enctype="multipart/form-data">                            
    <input type="url" class="form-control" name="url">
    <button type="submit" class="btn search-btn">Find</button>
</form>

Answer 1

在这里，我回答了我的问题。 我正在使用正则表达式进行验证。

<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]+)*\\.[az]{2,5}(:[0-9]{1,5})?(\\/.*)?$

我正在使用以下JavaScript更改验证消息-

oninvalid="setCustomValidity('Please Enter URL.')"
onchange="try{setCustomValidity('')}catch(e){}"