Как установить максимальную длину в типе ввода = номер?

Question

У меня есть текстовое поле.

<input type="number" min="0" max="999"> 

Но я могу набрать как можно больше чисел внутри текстового поля.

Как я установил max = 999, я не хочу, чтобы это произошло. Кто-нибудь знает решение для этого? Я пробовал ng-maxlength и maxlength, но не работает.

Answer 1

max Attribué определяет максимально возможное значение, которое можно задать.

для более подробной информации see this link

Я думаю, что следующий будет полезным для вас,

//maxlength="10" 
<input type="number" onKeyPress="if(this.value.length==10) return false;" /> 

Answer 2

Try This

var jimApp = angular.module("mainApp", []); 
 

 
jimApp.controller('mainCtrl', function($scope){ 
 
    var oldNumber = 0; 
 
    $scope.numberChanged = function(number){ 
 
    if(number<=999){ 
 
     oldNumber = number; 
 
    } 
 
    return oldNumber; 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 

 
<div ng-app="mainApp" ng-controller="mainCtrl"> 
 
    <input type="number" min="0" max="999" ng-model="jimNum" ng-change="jimNum = numberChanged(jimNum);"> 
 
</div>

Answer 3

Попробуйте

<input type="number" min="0" max="999" 
    onKeyUp="if(this.value>999){this.value='999';}else if(this.value<0){this.value='0';}" 
id="yourid"> 

Answer 4

Там есть JSFiddle, с помощью JQuery.

Ваш вклад

<input type="number" id="num"> 

Сценарий:

$("#num").keypress(function(e) { 
    var current_val = $(this).val(); 
    var typing_char = String.fromCharCode(e.which); 
if (parseFloat(current_val + "" +typing_char) > 900) { 
    return false; 
} 

})