如何创建验证URL和锚链接的HTML文本输入？

我有一个文本类型的输入字段，允许用户输入完整的URL以及以“#”开头的锚链接。我有一个regex，它在regex101.com上可以正常工作，但在HTML代码中不起作用

下面是我尝试使用的正则表达式的HTML代码：

<input type="text" pattern="https?://.+|^[#]">
<input type="submit">

此正则表达式在regex101上的工作方式与预期相同，但它与HTML匹配，但与URL匹配，而与锚链接不匹配。我非常感谢您的指导

---

提前感谢。

请尝试使用

type=“url”

而不是

type=“text”

来验证以“#”开头的锚链接。已经尝试过了。@ayushn21只需使用

js

或

jQuery

手动验证，而不依赖于浏览器实现。