Время проверки введено в текстовое поле

Question

У меня есть текстовое поле, в которое пользователь может ввести время (например, 01:00), а также раскрывающийся список для ввода полей AM / PM.(Поскольку используется поле AM / PM, используется 12-часовой формат времени.)

В текстовом поле можно ввести не более 5 символов (например, 01:00).

1. Как установить по умолчанию 3-й символ в качестве двоеточия :, чтобы пользователь просто вводил только время.
2. Как проверить, введено ли времяпользователь является числовым или нет?.
3. Функция автозаполнения: например, если пользователь вводит 1, то для него автоматически устанавливается 01: 00
4. Проверки JavaScript для 12-часового формата.Например: если пользователь вводит 13:00, то он должен измениться на 01: 00
5. Как добавить значения времени текстового поля с выбранным значением am / pm в раскрывающемся списке?.
6. После добавления значений автоматически заполните другое текстовое поле (текстовое поле 2) результатом.Например: 01:00 + pm следует установить как 01: 00p в новом текстовом поле (текстовое поле 2).

Любая помощь приветствуется.

Answer 1

1. Лучше иметь текстовое поле с размером и максимальной длиной 2 с именем "txtHours", двоеточие в качестве метки (тега span) и другое текстовое поле с именем "txtMinutes".Намного проще в управлении.
2. Вместо проверки используйте код onkeypress, который возвращает ложь, когда нажатая клавиша не является числом, поэтому допускаются только цифры.
3. Лучше всего делать в onblurсобытие, если значение меньше 10, добавьте ноль в начале.
4. Довольно простой скрипт, хотя и не тривиальный - используйте оператор %.
5. Не знаете, что вы имеете в виду?Добавить где?
6. document.getElementById("textbox2").value = strAppendedText;

Это общая идея, дайте мне знать, если вам нужна помощь в реализации чего-то лучшего, сначала попробуйте сами.