如何使用Javascript验证带有小时和分钟的输入文本 [英] How to validate with Javascript an Input text with Hours and Minutes

问题描述

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

类似于：

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

姓名： [Foo]

姓氏： [酒吧]

任务： [垃圾邮件]

小时分钟： [00:15]< - 输入文字。

Name : [Foo]
Surname : [Bar]
Task : [Spam]
Hours Minutes : [00:15] <-- Input text.

如何使用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

^{*我不能使用Jquery，当然我会仔细检查提交的值服务器端}

推荐答案

使用以下正则表达式：

^([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验证带有小时和分钟的输入文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！