1

글자 수만 허용하고 글자 수 제한이있는 글자를 입력하고 싶습니다.입력 텍스트의 글자 수 제한

현재 숫자가 작동 중입니다 ... 이제 문자를 제한하는 방법을 알아내는 데 문제가 있습니다.

여기

I 가지고 무엇 ...

JS는 :

app.directive('numbersonly', function() { 
    return { 
     restrict: 'A', 
     link: function (scope, elm, attrs, ctrl) { 
      elm.on('keydown', function (event) { 
       if (event.which == 64 || event.which == 16 && elm.val().length > 4) { 
        return false; 
       } else if (event.which >= 48 && event.which <= 57) { 
        return true; 
       } else if (event.which >= 96 && event.which <= 105) { 
        return true; 
       } else if ([8, 13, 27, 37, 38, 39, 40].indexOf(event.which) > -1 && elm.val().length > 4) { 
        return true; 
       } else { 
        event.preventDefault(); 
        return false; 
       } 
      }); 
     } 
    } 
}); 

표식 : HTML 입력에

<input type="text" id="txtEmpAge" data-ng-model="newemployee.Age" class="form-control" numbersonly required /> 

답변

1

길이 때문이다.

길이, MINLENGTH 및

maxlength="5" 
+0

마크 업이 아닌 지시문에서 처리하고 싶습니다. – user4756836

+0

HTML로 처리하지 않으려면 링크 기능에서 전달한 요소의 속성을 간단히 변경할 수 있습니까? 고립 된 범위에 원하는 한계를 두어야한다고 가정하기 때문에 뭔가 빠졌는가? 지시문에서 HTML에 입력해야하거나 모든 입력을 동일한 길이로 만들겠습니까? – Maccurt

+0

@Maccurt 왜냐하면 maxlength를 허용하지 않는 입력 번호와 비슷한 지시문을 사용하고 있기 때문에 맥스가 잘 작동하지 않는 것 같습니다. – user4756836

0

저도 같은 문제를했고 모든 것을 파악하는 지시문을 작성하십시오 최대 길이 : 우리는 여러 형태로 사용할 수 있습니다. 그런 다음 앵귤러 다이나믹 번호라는 플러그를 찾았고 상자 밖으로 나와 바로 작동했습니다. 그것이 당신의 필요를 충족 시킨다면 나는 그것을 사용할 것을 제안합니다. https://www.npmjs.com/package/angular-dynamic-number

+0

플러그인을 사용하고 싶지 않습니다. – user4756836

+0

왜 ' 플러그인을 사용하고 싶지 않으십니까? – Maccurt

관련 문제