Установите точное количество элементов, необходимых для поля ввода с номером типа - PullRequest
0 голосов
/ 18 июня 2020

У меня есть поле ввода с номером типа в моей форме. Я хотел бы разрешить в этом поле ровно 13 символов, не меньше и не больше в соответствии с требованиями. Я хотел знать, есть ли в HTML опция по умолчанию, с помощью которой я могу выполнить sh это? Я пробовал шаблон и максимальную длину, но по какой-то причине они неэффективны с номером типа. Если это невозможно со стороны HTML, я хотел бы добиться того же, используя angularjs. Любые входные данные были бы действительно полезны.

<input type="number" id="userCode" ng-model="formdata.userCode" title="13 Digit code"></input>&nbsp;

В соответствии с ответом ниже я добавил min и max как 13. После добавления, когда я ввожу даже 13 цифр, я также получаю сообщение об ошибке. Может ли кто-нибудь сообщить мне, что я здесь делаю не так?

<input type="number" min="13" max="13" id="userCode" ng-model="formdata.userCode" placeholder="Enter 13 Digit Code" title="Please Enter the 13 digit code" class="form-control" style="width: 200px;" ng-required="true">&nbsp;

enter image description here

Ответы [ 2 ]

1 голос
/ 18 июня 2020

Если кто-то ищет, он также может проверить этот ответ:

<input type="text" pattern=".{13,13}" oninput="this.value=this.value.replace(/[^0-9]/g,''); title="13 characters length required" ">

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

1 голос
/ 18 июня 2020

<form action="">
  <input type="text" required pattern="[0-9]{13}" maxlength=13 id="userCode" ng-model="formdata.userCode" title="13 Digit code">&nbsp;
  <input type="submit">
</form>

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

...