日期:2021-10-27 分类:JavaScript

一般来说我们都是通过在input里面添加min以及max来控制最大或者最小,但是这样的方式仅仅针对点击上下的时候才会有所提现,如果是你手动输入的话,并不会让这个min和max生效,也不会达到你需要的目的,为了解决这样的问题,一般都是配合JS来进行调整的。

本站点没有使用框架,如果是带有框架的站点,我相信是存在相关的控制方式,如果你一样没有使用任何框架的站点,那么下面的代码或者你可以使用:

上面的代码直接加入input标签中即可,最后的效果就是你输入小于0的数值时,对应的input框失去焦点时,也就是你点击了别的地方时,就会自定变成0,同理当你输入数值超过30,也会自动变成30。

不过这是前端的效果,后端方面也请务必进行一定程度的检测或者判断。