Проблема с полем ввода с максимальной длиной и соответствием

Question

Я использую максимальную длину, чтобы ограничить ввод 6 цифрами. Проблема прекращается после 6. Я думаю, что проблема в совпадении с регулярным выражением, которое я использую для разделения ввода и максимальной длины.

<input type="text" ng-keyup="addHyphen($event)" id="sortcode" name="sortcode" maxlength="6" ng-model="data.branchTransitNumber" required numbers-only/>

Сценарий:

 $scope.addHyphen = function() {
         // $scope.dashed= angular.element($event.target.value);
         var ele = document.getElementById('sortcode');
         ele = ele.value.split('-').join('');
         $scope.data.branchTransitNumber = ele.match(/.{1,2}/g).join('-');

      };

Ожидается на входе: 11-11-11

В настоящее время: 11-11-1

Я также не получаю любые консольные ошибки также. Я думаю, что регулярное выражение хочет поместить - после двух чисел и максимальной длины не позволят дополнительный ввод.

РЕДАКТИРОВАТЬ :

После удаления максимальной длины он работает. Но как заставить его работать вместе с max-length

Answer 1

Атрибут

@ Duck_dragon, maxlength используется для ограничения доступа пользователя к указанному номеру. персонажей. здесь вы установили maxlength="6", поэтому в поле ввода будет разрешено только шесть символов. Обратите внимание, здесь также учитывается - в расчете.

, поэтому, если вы хотите разрешить ввод, такой как 11-11-11, вам нужно установить maxlength="8"