如何使用Javascript验证带有小时和分钟的输入文本

问题描述

我必须构建一个带有输入文本字段的HTML表单，用于小时和分钟。

类似于：

I have to build an HTML Form with an Input text field for Hours and Minutes.
Something like:

如何使用Javascript以唯一允许的 HH：mm 格式帮助/验证/强制用户编辑小时和分钟值？

How can I help/validate/force user to compile Hours and Minutes values in the only allowed HH:mm format using Javascript?

有效时间范围：从 00:00 到 23:59

推荐答案

使用以下正则表达式：

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

或者手工，但我强烈建议RegExp :)
一个简单的例子：

Or by hand, but I strongly suggest the RegExp :)A simple example :

<SCRIPT TYPE="text/JavaScript">
    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;
    }
</SCRIPT>
<FORM METHOD="POST">
    <input type="text" onchange="validateHhMm(this);" />
</FORM>

这篇关于如何使用Javascript验证带有小时和分钟的输入文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！