Javascript 添加日期表单的验证

Javascript 添加日期表单的验证,javascript,jquery,validation,Javascript,Jquery,Validation,我对javascript还比较陌生,所以想了解一下向表单添加验证的帮助(仅限JS/jquery): 假设我有一个表单getByID(“text”) 我想添加验证,以阻止用户输入小数点(仅限整数)、无字母或特殊字符(仅限数字)、值不得超过23小时/59分钟(HH:MM有两个单独的字段(因此一个字段不得超过23小时,另一个字段不得超过59分钟-见下文)) getByID(“HH”) 不得超过数字23,因此允许使用0-23,无特殊字符/小数/字母 getByID(“MM”) 不得超过数字59,因

我对javascript还比较陌生,所以想了解一下向表单添加验证的帮助(仅限JS/jquery):

假设我有一个表单
getByID(“text”)

我想添加验证,以阻止用户输入小数点(仅限整数)、无字母或特殊字符(仅限数字)、值不得超过23小时/59分钟(HH:MM有两个单独的字段(因此一个字段不得超过23小时,另一个字段不得超过59分钟-见下文))

getByID(“HH”)

  • 不得超过数字23,因此允许使用0-23,无特殊字符/小数/字母
getByID(“MM”)

  • 不得超过数字59,因此允许使用0-59,无特殊字符/小数/字母
如果有人能帮上忙,我们将不胜感激。提前谢谢


<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>
函数isNumber(evt){ var id=evt.target.id; var val=$(“#”+id).val(); if(val) { var numericReg=/^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/; 如果(!数值示例测试(val)){ $(“#”+id).val(“”); 警报(“仅限数字字符”); } 其他的 { 如果(id='hh') { 如果(val>24) { $(“#”+id).val(“”); 警报(“低于24”); } } 如果(id='mm') { 如果(val>60) { $(“#”+id).val(“”); 警报(“低于60”); } } } } }
到目前为止你都做了些什么?我从来没有在数字上添加过表单验证,所以我完全不知道如何使用bootstrap datetimepicker插件,而不是像这样做。这可能会对你有所帮助