☰

時間と分を含む入力テキストをJavascriptで検証する方法 質問する

tag-icon • tag-icon javascript validation
時間と分を含む入力テキストをJavascriptで検証する方法 質問する

時間と分の入力テキスト フィールドを持つ HTML フォームを作成する必要があります。
次のようなものになります。

名前 ：【フー】
姓:[バー]
タスク ：[スパム]
時間 分:[00:15] <-- テキストを入力します。

許可されている時間や分の値のみをユーザーがコンパイルできるように支援/検証/強制するにはどうすればいいでしょうか？時間:分Javascriptを使用してフォーマットしますか? *

有効な時間範囲: から00:00に23:59

* JQueryは使えないので、もちろんサーバー側で送信された値を二重チェックします

ベストアンサー1

次の正規表現のいずれかを使用します。

^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$

または手動でも構いませんが、私は RegExp を強くお勧めします :) 簡単な例:

function validateHhMm(inputField) {
    var isValid = /^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$/.test(inputField.value);

    if (isValid) {
      inputField.style.backgroundColor = '#bfa';
    } else {
      inputField.style.backgroundColor = '#fba';
    }

    return isValid;
  }
<input type="text" onchange="validateHhMm(this);" />

おすすめ記事