HTML5 Input number min max 不生效怎么办？

 

添加js验证 或者 正则

<!-- 业务课一分数 -->

<div class="name clearfix">

<p class="fl"><i class="i">*</i>业务课一分数:</p>

<input id="business_one_score" type="number" class="fl input" style="color:#333;" value="0"

oninput="if(value.length>3)value=value.slice(0,3)">

</div>

 

<script>

$(function () {

// 限制成绩150

$("#business_one_score,#business_two_score").keydown(function () {

// Save old value.

if (!$(this).val() || (parseInt($(this).val()) <= 150 && parseInt($(this).val()) >= 0))

$(this).data("old", $(this).val());

});

$("#business_one_score,#business_two_score").keyup(function () {

// Check correct, else revert back to old value.

if (!$(this).val() || (parseInt($(this).val()) <= 150 && parseInt($(this).val()) >= 0))

;

else

$(this).val($(this).data("old"));

});

});

</script>

 

文章来源：刘俊涛的博客 欢迎关注公众号、留言、评论，一起学习。

__________________________________________________________________________________

若有帮助到您，欢迎点击推荐，您的支持是对我坚持最好的肯定(*^_^*)