Question

使用HTML模式属性，我能够提醒用户例如最大或最小长度

pattern=".{3,3}" required title="Only 3 characters allowed"

但是我想提醒用户字符串是否缺少字符。像结肠字符一样。我尝试了以下但是没有用：

pattern="/://ig" required title="Your time misses the colon"

期望的结果是提醒用户他是否忘记以时间表示法使用冒号。

Answer 1

你可以试试这个：

pattern="(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}"

这需要时间格式：HH:MM:SS。

有关其他示例，请查看this link。

另一个编辑

如果您不需要seconds，可以使用：

pattern="(0[0-9]|1[0-9]|2[0-3]):([0-5][0-9])"

将需要时间FORMAT: HH:MM。

进一步说明：

对于第一部分(0[0-9]|1[0-9]|2[0-3])，它只是意味着预期值只能两位数 （从另一部分中选择一位数，在内部选择一位数）括号），即对于0[0-9]，预期值将落在00，01，02，03的范围内... 09。同样适用于1[0-9]，值只能来自10，11，12和19。同样适用于2[0-3]，值只能在20，21，22和23之间。

所以把它放在一起，(0[0-9]|1[0-9]|2[0-3])只是意味着接受的值是从00到23的数字，这就是计算24小时的时间。

然后对于第二部分（当然：之后），分钟中的第一个M只能接受一位数< / strong> 0-5与第二M之间只能接受0-9之间的一位数。对其进行分组，然后您将获得00 - 59的数字。

我希望这会有所帮助。

Answer 2

对于时间输入，请使用HTML <input type="time">：

＆＃13;

<label>Time: <input type="time" value="00:00" min="00:00"></label>

＆＃13;

如何检查输入框是否包含具有HTML模式属性的特定字符

2 个答案: