在html中输入url的模式不匹配

patternMismatch for input url in html

本文关键字:模式 不匹配 url 输入 html      更新时间:2023-09-26

我有一个输入url和模式设置为"^http://"作为最简单的模式。当我使用下面的值时,它在有效性对象中表示为patternMismatch。

模式或值有什么问题?
<input value="http://www.example.com" pattern="^http://" type="url"/>, 

您需要转义您的反斜杠。而且,开始和结束锚定是隐式的:

<input value="http://www.example.com" pattern="http:'/'/.+" type="url"/>

结尾的.+表示必须至少有一个字符。基本上,这个RegExp实际上是:

/^http:'/'/.+$/u

u标志和^$锚是隐式的:

  • https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
  • 我应该使用^和$在html5输入正则表达式模式验证?