添加日期表格的验证

Question

我是JavaScript的新手，因此仅在向表单中添加验证时寻求一些帮助(纯粹是JS/jQuery(：

假设我有 getByID("text")

表格

我想添加验证以停止用户进入小数位(仅全数字(，没有字母或特殊字符(仅数字(，值不得超过23小时/59分钟(HH的两个单独的字段：MM(MM((因此，一个不得超过23小时，另一个59分钟 - 见下文(。

getByID("HH")

• 不得超过数字23，因此允许0-23，不用特殊的chars/小数/信件

getByID("MM")

• 不得超过数字59，因此允许0-59，不用特殊的chars/小数/信件

如果有人能为此提供帮助，将不胜感激。预先感谢！

Answer 1

<input type="" name="" id="hh" onkeyup="isNumber(event)" placeholder="HH">
<input type="" name="" id="mm" onkeyup="isNumber(event)" placeholder="MM">

<script type="text/javascript">
    function isNumber(evt) {
    var id = evt.target.id;
    var val = $("#"+id).val();
    if (val)
    {
        var numericReg = /^d*[0-9](|.d*[0-9]|,d*[0-9])?$/;
        if(!numericReg.test(val)) {
            $("#"+id).val('');
            alert('Numeric characters only');
        }
        else
        {
            if (id == 'hh')
            {
                if (val > 24)
                {
                    $("#"+id).val('');
                    alert('Less than 24');
                }
            }
            if (id == 'mm')
            {
                if (val > 60)
                {
                    $("#"+id).val('');
                    alert('Less than 60');
                }
            }
        }
    }    
}
</script>