首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用Javascript验证带有小时和分钟的输入文本

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

Stack Overflow用户
提问于 2018-03-21 06:20:17
回答 2查看 0关注 0票数 0

我必须建立一个带有时间和分钟输入文本字段的HTML表单。 就像是:

Name :[Foo]

Surname :[Bar]

Task :[Spam]

Hours Minutes :[00:15] < - 输入文本。

我该如何帮助/验证/强制用户使用Javascript 以唯一允许的HH:mm格式编译小时和分钟值?*

有效时间范围:从00:0023:59

*我无法使用Jquery,当然我会仔细检查提交的值服务器端

EN

Stack Overflow用户

发布于 2018-03-21 14:31:53

要么使用以下正则表达式:

代码语言:javascript
复制
^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$

或者手动,但我强烈建议RegExp :)一个简单的例子:

代码语言:javascript
复制
<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>
票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100007707

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档