HTML编号输入min和max无法正常工作

概述我有type = number输入字段,我为它设置了最小值和最大值： <input type="number" min="0" max="23" value="14"> 当我使用输入字段右侧的小箭头更改渲染UI中的时间时,一切正常 – 我不能超过23或低于0.但是,当我手动输入数字时(使用键盘),那么这两个限制都没有效果. 有没有办法阻止任何人输入他们想要的任何数字？ 使用HTML5 max和mi 我有type = number输入字段,我为它设置了最小值和最大值：

<input type="number" min="0" max="23" value="14">

当我使用输入字段右侧的小箭头更改渲染UI中的时间时,一切正常 – 我不能超过23或低于0.但是,当我手动输入数字时(使用键盘),那么这两个限制都没有效果.

有没有办法阻止任何人输入他们想要的任何数字？

解决方法 使用HTML5 max和min,您只能限制值以输入数字.但是你需要使用JavaScript或jquery来做这种改变.我有一个想法是使用数据属性并保存旧值：

$(function () {  $("input").keydown(function () {    // Save old value.    $(this).data("old",$(this).val());  });  $("input").keyup(function () {    // Check correct,else revert back to old value.    if (parseInt($(this).val()) <= 23 && parseInt($(this).val()) >= 0)      ;    else      $(this).val($(this).data("old"));  });});

<script src="https://AJAX.GoogleAPIs.com/AJAX/libs/jquery/1.9.1/jquery.min.Js"></script><input type="number" min="0" max="23" value="14" />

总结

以上是内存溢出为你收集整理的HTML编号输入min和max无法正常工作全部内容，希望文章能够帮你解决HTML编号输入min和max无法正常工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。