如何在文本框中创建模式

how to create patterns in TextBox?

本文关键字：创建 模式 文本      更新时间：2023-09-26

注释:我回答了所有问题& &;回答与这个话题相关的问题。这样的

我使用简单的表单使用URL TextBox我使用模式 pattern="https?://.+"，完美的工作。

我想允许Text(小& 

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

i tried Code:

<input name="website" id="website" type="text" class="Custom_textbox"  pattern="https?://.+"/>

注释:只使用模式试图解决我的问题。非其他脚本

我的代码这里

您可以使用这样的替代:

pattern="(www'.|https?://).+"
         ^     ^         ^

不区分大小写的版本:

pattern="([wW][wW][wW]'.|[hH][tT][tT][Pp][sS]?://).+"

参见regex演示。请注意，在限制量词的帮助下，可以缩短不区分大小写的版本: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>

相关文章：