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>

 

文章來源：劉俊濤的博客 歡迎關注公眾號、留言、評論，一起學習。

__________________________________________________________________________________

若有幫助到您，歡迎點擊推薦，您的支持是對我堅持最好的肯定(*^_^*)