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

Question

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

姓名： [福]
姓氏： [酒吧]
任务： [垃圾邮件]
小时分钟： [00:15] <-- 输入文本。

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

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

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

Answer 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);" />

Answer 2

第一个答案中的 RegExp 与 OP 的查询不匹配。

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

应该

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

比赛 00-19 或 20-23: 00-59

OP 要求在 00:00 - 23:59 范围内验证 HH:MM

没有秒。 24:00 应该无效。 小时和分钟的双位输入。

Answer 3

<HTML>
<Head>
<script language="javascript">
function validateTime(obj)
{
    var timeValue = obj.value;
    if(timeValue == "" || timeValue.indexOf(":")<0)
    {
        alert("Invalid Time format");
        return false;
    }
    else
    {
        var sHours = timeValue.split(':')[0];
        var sMinutes = timeValue.split(':')[1];

        if(sHours == "" || isNaN(sHours) || parseInt(sHours)>23)
        {
            alert("Invalid Time format");
            return false;
        }
        else if(parseInt(sHours) == 0)
            sHours = "00";
        else if (sHours <10)
            sHours = "0"+sHours;

        if(sMinutes == "" || isNaN(sMinutes) || parseInt(sMinutes)>59)
        {
            alert("Invalid Time format");
            return false;
        }
        else if(parseInt(sMinutes) == 0)
            sMinutes = "00";
        else if (sMinutes <10)
            sMinutes = "0"+sMinutes;    

        obj.value = sHours + ":" + sMinutes;        
    }

    return true;    
}


</script>
</Head>
<Body>
<input type="text" onblur="validateTime(this)">
</Body>
</HTML>

Answer 4

使用 moment.js 的方法是：

const time = '23:59'
moment(time, 'HH:mm', true).isValid()

Answer 5

您可以使用此功能来检查时间格式：

function validateTime (time) {
  const timeReg = /^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/
  return time.match(timeReg)
}

如果你想要只有小时和分钟，请将timeReg替换为：

const timeReg = /^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$/

这是日期格式：

function validateDate (date) {
  try {
    new Date(date).toISOString()
    return true
  } catch (e) {
    return false
  }
}

Answer 6

怎么样

function validTime(inputStr) {
    if (!inputStr || inputStr.length<1) {return false;}
    var time = inputStr.split(':');
    return time.length === 2 
           && parseInt(time[0],10)>=0 
           && parseInt(time[0],10)<=23 
           && parseInt(time[1],10)>=0 
           && parseInt(time[1],10)<=59;
}

Answer 7

你可以使用像 jQuery.maskedit 这样的东西

Answer 8

可能不是最好的，但这对我有用。 如果在这种情况下没有错误，我将返回 false。 检查格式和值。

if (value.substr(2,1) === ':') {
    if (!value.match(/^\d\d:\d\d/)) {
        return "Invalid Format";
    }
    else if (parseInt(value.substr(0,2)) >= 24 || parseInt(value.substr(3,2)) >= 60)  {
        return "Invalid Format";
    }
    else {
        return false;
    }

}
else {
    return "Invalid Format";
}

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

问题描述

8 个解决方案

解决方案1
84 已采纳 2011-04-06 08:05:22

解决方案2
32 2015-10-20 10:09:35

解决方案3
8 2011-04-06 08:12:43

解决方案4
8 2020-03-06 09:14:03

解决方案5
3 2020-03-05 20:23:48

解决方案6
2 2011-04-06 07:55:20

解决方案7
1 2011-04-06 07:51:53

解决方案8
0 2018-08-22 09:16:38

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

问题描述

8 个解决方案

解决方案1 84 已采纳 2011-04-06 08:05:22

解决方案2 32 2015-10-20 10:09:35

解决方案3 8 2011-04-06 08:12:43

解决方案4 8 2020-03-06 09:14:03

解决方案5 3 2020-03-05 20:23:48

解决方案6 2 2011-04-06 07:55:20

解决方案7 1 2011-04-06 07:51:53

解决方案8 0 2018-08-22 09:16:38

解决方案1
84 已采纳 2011-04-06 08:05:22

解决方案2
32 2015-10-20 10:09:35

解决方案3
8 2011-04-06 08:12:43

解决方案4
8 2020-03-06 09:14:03

解决方案5
3 2020-03-05 20:23:48

解决方案6
2 2011-04-06 07:55:20

解决方案7
1 2011-04-06 07:51:53

解决方案8
0 2018-08-22 09:16:38