Javascript 添加日期表单的验证
我对javascript还比较陌生,所以想了解一下向表单添加验证的帮助(仅限JS/jquery): 假设我有一个表单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,因
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插件,而不是像这样做。这可能会对你有所帮助