HTML 输入模式

【问题标题】：HTML input patternHTML 输入模式
【发布时间】：2016-04-15 01:44:09
【问题描述】：

我正在使用注册表单上的输入模式，其中包括用户名、电子邮件和密码。

我已将用户名设置在 5 到 15 个字符之间，但是当输入正确并且我提交表单时，我无法提交，但仍会收到所需的标题消息。有人有什么想法吗？

<div class="col-sm-offset-2 col-sm-9"><td><input pattern=".{5, 15}" required title="Username should be between 5 - 15 characters"type="text" class="form-control" name="uname" placeholder="User Name" required/></td> </div>

【问题讨论】：

使用正则表达式，如在此处描述 w3schools.com/js/js_regexp.asp

标签： html

【解决方案1】：

去掉15之前的空格：pattern=".{0,15}"

【讨论】：

【解决方案2】：

你可以试试这个模式，它适用于fiddle

pattern=".{5,15}$"

【讨论】：

【解决方案3】：

您必须删除空格。对比https://regex101.com/的解释

 /.{5, 15}/
. 匹配任何字符（换行符除外）

{5, 15} 匹配字符 {5, 15} 的字面意义

和
 /.{5,15}/
.{5,15} 匹配任何字符（换行符除外）

量词：{5,15} 5 到 15 次，尽可能多次，按需回馈 [贪心]

【讨论】：