Javascript 如何在文本框中创建模式？

备注：我厌倦了所有与此主题相关的问题和答案。像

我使用简单的表单使用URL文本框我使用模式

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?://.+"/>

注意：仅使用模式尝试解决我的问题不是其他脚本

---

我的代码

您可以使用如下替代选项：

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

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

不区分大小写的版本：

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

看。注意，不区分大小写的版本可以通过限制量词来缩短：

pattern=“（[wW]{3}.[hH][tT]{2}[Pp][sS]？：//）。+”

它将接受以

www.

或

http://

或

https://

开头的任何输入

输入：有效{
颜色：黑色；
}
输入：无效{
颜色：红色；
}

谢谢您的回答。但是我添加了类似WWW.TEST.COM的文本，然后错误就出现了，因为regex默认情况下区分大小写，并且不能在HTML5模式属性中使用修饰符。你必须使用角色类。太棒了。谢谢@Wiktor Stribiżew