Ограничить количество символов, разрешенных в текстовом поле ввода формы

Question

Как ограничить или ограничить использование пользователем только пяти символов в текстовом поле?

Ниже поля ввода, как часть моей формы:

<input type="text" id="sessionNo" name="sessionNum" /> 

ли это, используя нечто вроде MaxSize или что-то подобное?

Answer 1

maxlength:

Максимальное количество символов, которые будут приняты в качестве входных данных. Это может быть больше, чем указано в SIZE, и в этом случае поле будет прокручиваться соответствующим образом. Значение по умолчанию не ограничено.

<input type="text" maxlength="2" id="sessionNo" name="sessionNum" onkeypress="return isNumberKey(event)" /> 

Однако, это может быть или может не зависеть от вашего обработчика. Возможно, вам понадобится использовать или добавить другую функцию обработчика для проверки длины.

Answer 2

Самый простой способ сделать это:

maxlength="5" 

так .. Добавление этого атрибута элемента управления:

<input type="text" 
    id="sessionNo" 
    name="sessionNum" 
    onkeypress="return isNumberKey(event)" 
    maxlength="5" /> 

Answer 3

Добавьте следующие строки в заголовок:

<script language="javascript" type="text/javascript"> 
function limitText(limitField, limitNum) { 
    if (limitField.value.length > limitNum) { 
     limitField.value = limitField.value.substring(0, limitNum); 
    } 
} 
</script> 

    <input type="text" id="sessionNo" name="sessionNum" onKeyDown="limitText(this,5);" 
onKeyUp="limitText(this,5);"" /> 

Answer 4

По до w3c, значение по умолчанию для атрибута MAXLENGTH является неограниченным числом. Поэтому, если вы не укажете max, пользователь может несколько раз вырезать и вставить библию и вставить ее в вашу форму.

Даже если вы укажете MAXLENGTH на разумное число, убедитесь, что вы дважды проверяете длину представленных данных на сервере перед обработкой (используя что-то вроде php или asp), так как довольно просто обойти основное ограничение MAXLENGTH в любом случае

Answer 5

я все дни сделать это следующим образом:

$(document).ready(function(){ 
var maxChars = $("#sessionNum"); 
var max_length = maxChars.attr('maxlength'); 
if (max_length > 0) { 
    maxChars.bind('keyup', function(e){ 
     length = new Number(maxChars.val().length); 
     counter = max_length-length; 
     $("#sessionNum_counter").text(counter); 
    }); 
} 
}); 

Вход:

<input name="sessionNum" id="sessionNum" maxlength="5" type="text"> 
Number of chars: <span id="sessionNum_counter">5</span> 

Answer 6

сделать это проще

 <input type="text" maxlength="3" /> 

и использовать предупреждение, чтобы показать, что максимальные символы были использованы.

Answer 7

<input type="text" maxlength="5"> 

Максимальное количество букв, которые могут быть на входе: 5.

Answer 8

Вы можете использовать <input type = "text" maxlength="9"> или

<input type = "number" maxlength="9"> для чисел или <input type = "email" maxlength="9"> для электронной почты проверки обнаружится

Answer 9

MAXLENGTH

Максимальное число символов, которые будут приняты в качестве входных данных. Атрибут maxlength указывает максимальное количество символов, разрешенных в элементе.

Maxlength W3 schools

<form action="/action_page.php"> 
    Username: <input type="text" name="usrname" maxlength="5"><br> 
    <input type="submit" value="Submit"> 
    </form> 

Выходной

MinLength

ng-minlength

директива нг-MinLength добавляет ограничение на поле ввода, а также к валидатор формы.

Директива ng-minlength добавит «недопустимое» состояние поля ввода, если длина значения меньше указанного.

Примечание: если значение пустое, считается действительным.

<form name="myForm"> 
     <input name="myInput" ng-model="myInput" ng-minlength="5"> 
     <h1 ng-if="!myForm.myInput.$valid">The value is too short</h1> 
    </form> 

Выходной

Макс

Максимальный атрибут указывает максимальное значение для элемента.

Совет. Используйте атрибут max вместе с атрибутом min, чтобы создать ряд правовых значений.

Примечание: Максимальные и минимальные атрибуты работают со следующими типами ввода: числом, диапазоном, датой, датой, датой - местным, месячным, временем и неделей.

<form> 
     <input type="number" name="number" max="5"> 
    </form> 

Выходной

Max and min diffrence

Мин

Минимальное атрибут определяет минимальное значение для элемента.

Совет. Используйте атрибут min вместе с атрибутом max, чтобы создать ряд правовых значений.

Примечание: Максимальные и минимальные атрибуты работают со следующими типами ввода: числом, диапазоном, датой, датой, датой - местным, месячным, временем и неделей.

<form > 
    <input type="number" name="quantity" min="1"><br> 
    <input type="submit"> 
    </form> 

Выход