輸入到文本框中的驗證時間

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;

這是一般的想法，讓我知道，如果你需要幫助實現最好的東西給它一個嘗試自己第一。