注释:我厌倦了与此主题相关的所有问题和答案。喜欢This
我使用简单的表单使用URL TextBox我使用模式pattern="https?://.+"
完美的工作。
我想允许文本(小写和大写)像
1. www.test.com
2. https://www.test.com
3. https://test.com
4. WWW.TEST.COM
5. HTTPS://WWW.TEST.COM*
6. HTTP://TEST.COM
我尝试了代码:
<input name="website" id="website" type="text" class="Custom_textbox" pattern="https?://.+"/>
注释: 仅使用模式尝试解决我的问题。 不是其他脚本
我的代码 Here
最佳答案
您可以使用这样的替代:
pattern="(www\.|https?://).+"
^ ^ ^
不区分大小写的版本:
pattern="([wW][wW][wW]\.|[hH][tT][tT][Pp][sS]?://).+"
请参阅regex demo 。请注意,可以借助限制量词来缩短不区分大小写的版本: pattern="([wW]{3}\.|[hH][tT]{2}[Pp][sS]?://).+"
.
它将接受以 www.
或 http://
或 https://
开头的任何输入。
input:valid {
color: black;
}
input:invalid {
color: red;
}
<form name="form1">
<input name="website" id="website" type="text" class="Custom_textbox"
pattern="([wW][wW][wW]\.|[hH][tT][tT][Pp][sS]?://).+"
title="Please valid url" required/>
<input type="Submit"/>
</form>
关于javascript - 如何在TextBox中创建图案?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40484704/