验证输入文本框的时间

Question

我有一个文本框，用户可以在其中输入时间（例如：01：00），还有一个用于输入AM / PM字段的下拉框。 （由于使用了AM / PM字段，因此使用12小时时间格式。）

文本框仅允许最多输入5个字符（例如：01：00）。

1. 如何将第3个字符串设置为冒号:的默认值，以便用户只需输入时间。
2. 如何检查用户输入的时间是否为数字？
3. 自动填充功能：例如，如果用户输入1，则会自动将其设置为01:00
4. 12小时格式的JavaScript验证。例如：如果用户输入13:00，则应更改为01:00
5. 如何使用下拉框中选择的am / pm值附加文本框时间值？。
6. 附加值后，会自动使用结果填充另一个文本框（文本框2）。例如：01：00 + pm应该在新文本框（文本框2）中设置为01：00p。

任何帮助都将不胜感激。

Answer 1

1. 最好让文本框的大小和最大长度为2，命名为“txtHours”，冒号为标签（span标签），另一个文本框命名为“txtMinutes”。更容易管理。
2. 如果按下的键不是数字，则onkeypress代码返回false，而不是检查，因此只允许数字。
3. 最好在onblur事件中完成，如果值小于10，则在开头添加零。
4. 非常简单的脚本，虽然不是微不足道的 - 使用%运算符。
5. 不确定你是什么意思？附加在哪里？
6. document.getElementById("textbox2").value = strAppendedText;

这是一般性的想法，让我知道如果你需要帮助实现最好的事情，请先尝试一下。