输入到文本框中的验证时间

Question

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

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

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

任何帮助，将不胜感激。

Answer 1

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

这是一般的想法，让我知道，如果你需要帮助实现最好的东西给它一个尝试自己第一。