example here

Question

我想验证输入类型的时间字段。目前，我正在尝试使用javascript方法来验证字段。

这是我用过的代码。

我目前的时间格式是示例：中午12点

只是想知道我如何验证输入类型的时间字段。我不确定如何实现验证。我希望我能得到一些如何验证它的提示。

Answer 1

验证时间格式/值/输入的最简单方法是添加事件侦听器。在change事件上，或在将数据提交到服务器之前。一个简单的正则表达式就足够了：

var timeVal = document.querySelector('#timeInput').value;
if (timeVal.match(/\d+:\d+/))
    console.log(timeVal + ' is a valid time-format');
else
    return false;//or preventDefault + stopPropagation() on event

example here

边注：
time输入类型尚未得到普遍支持，far from it。如果您使用各种插件或使用一些选择，并使用JS处理它们的值，那会更好。

Answer 2

document.querySelector('#check').addEventListener('click', function()
{
document.getElementById("foobar").style.border = "solid 1px #ccc";
if(checkValid()){
  alert('OK');
}else{
  //alert('Invalid');
document.getElementById("foobar").style.border = "solid 1px red";  
}
    
}, false);


function checkValid(){
var timeVal = document.querySelector('#foobar').value;
if (timeVal.match(/\d+:\d+/))
   return true;
else
    return false;
}

<input type='time' id='foobar'>
    <input type='button' value='test' id='check'>

Answer 3

您希望用户输入时间或内容吗？！我的意思是通常在时间和日期中使用组件更好。任何方式javascript都是这类东西的最佳工具，但我认为你可以使用RegExp javascript是一个很好的解决方案

从<input type =“”time“...”/>验证时间

3 个答案:

example here