テキストボックスに入力された検証時間

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」という名前の別のテキストボックスのサイズとMAXLENGTHでテキストボックスを持って良いです。管理がずっと簡単です。
2. チェックするのではなく、押されたキーが数字ではなく、数字のみを許可するときにfalseを返すonkeypressコードを持つようにしてください。
3. onblurイベントでベストが行われます。値が10未満の場合は、最初にゼロを追加します。
4. かなり簡単なスクリプトですが、些細ではありません - %オペレータを使用してください。
5. あなたは何を意味するのかよく分かりません。どこに追加？一般的な考えです
6. document.getElementById("textbox2").value = strAppendedText;

、あなたが一番最初に自分自身を試してみてくださいそれを与える何かを実装するヘルプが必要な場合は私に知らせてください。