Javascript 如何使用jQuery屏蔽插件限制军事时间输入?

Javascript 如何使用jQuery屏蔽插件限制军事时间输入?,javascript,jquery,Javascript,Jquery,我正在使用jQuery时间选择器和jQuery屏蔽插件。到目前为止,一切都按预期进行。用户输入一个时间并对其进行适当的格式化,然后单击下拉列表选择正确的时间,如下所示: 这很好: 问题是我可以输入大于23:59的数字,这将导致时间格式无效,如下所示: 这很糟糕 如何使用屏蔽插件阻止输入不正确的格式?我会去掉冒号,因为军事时间没有冒号,那么您可以使用非常基本的验证将数字保持在您想要的范围内。或者你可以把所有有效的选项都放在下拉列表中,然后阻止用户完整地输入你可以使用吗?除了我的建议,我还通过谷

我正在使用jQuery时间选择器和jQuery屏蔽插件。到目前为止,一切都按预期进行。用户输入一个时间并对其进行适当的格式化,然后单击下拉列表选择正确的时间,如下所示:

这很好:

问题是我可以输入大于23:59的数字,这将导致时间格式无效,如下所示:

这很糟糕


如何使用屏蔽插件阻止输入不正确的格式?

我会去掉冒号,因为军事时间没有冒号,那么您可以使用非常基本的验证将数字保持在您想要的范围内。或者你可以把所有有效的选项都放在下拉列表中,然后阻止用户完整地输入你可以使用吗?除了我的建议,我还通过谷歌搜索“jquery validate military time”找到了很多答案,比如@Scott Selby我一开始考虑了后者,但我需要将分钟步长增加1,如果我取消了输入数字的功能,用户友好性就会大大降低。不过,我会给你说的第一句话打一针。你要么做两个下拉列表,用冒号隔开。或者没有冒号的。当然,这一切都可以用冒号,但是。。。。我曾在军队服役,当我看到人们不恰当地写《军事时间》时,这只是我的一种恼怒。它应该看起来像“2400”、“1840”、“1200”等等