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

如何检查输入框是否包含具有HTML模式属性的特定字符,html,Html,使用HTML模式属性,我可以提醒用户,例如最大或最小长度 pattern=".{3,3}" required title="Only 3 characters allowed" 但是,如果字符串缺少一个字符,我想提醒用户。 就像时间里的冒号一样。 我尝试了以下方法,但无效: pattern="/://ig" required title="Your time misses the colon" 理想的结果是,如果用户忘记在时间表示法中使用冒号,则会提醒用户。您可以尝试以下方法: patter

使用HTML模式属性,我可以提醒用户,例如最大或最小长度

pattern=".{3,3}" required title="Only 3 characters allowed"
但是,如果字符串缺少一个字符,我想提醒用户。 就像时间里的冒号一样。 我尝试了以下方法,但无效:

pattern="/://ig" required title="Your time misses the colon"
理想的结果是,如果用户忘记在时间表示法中使用冒号,则会提醒用户。

您可以尝试以下方法:

pattern="(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}"
这将需要以下格式的时间:
HH:MM:SS

有关其他示例,请检查

另一次编辑

如果不需要
秒数
,可以使用:

pattern="(0[0-9]|1[0-9]|2[0-3]):([0-5][0-9])"
这将需要
格式的时间: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
在一分钟内只能接受0-5之间的一位数,第二个
M
只能接受
0-9之间的一位数。将其分组,然后您将得到
00-59
中的数字


我希望这有帮助。

对于时间输入,请使用HTML的


时间:
这与
HTML
有什么关系?如果没有,那么它是什么?很抱歉,但我们无法神奇地猜出你在做什么。你不能回头看完整的代码。你只在这里倾倒一些碎片,可能是任何东西。我在代码中没有看到任何html标记。您希望时间采用
hh:mm
hh:mm:ss
格式吗?没有秒,Geek先生(hh:mm)不会发出任何通知或任何错误信息entered@Dummy这个时间输入没有问题,它被编程为只接受有效的数字(次数),因此,如果您使用它,您就不必担心错误。您的更新不起作用,带有秒数的更新很好。@Dummy,您检查过我更新的答案了吗?我已经测试过了,效果很好!嘿@Dummy,你能测试一下我更新的答案并告诉我它是否有效吗?:)