angularjs에서 하나의 입력 필드 만 사용하여 이미지와 같은 입력 필드를 만들 수 있습니까? 각 상자에는 하나의 번호 만 허용됩니다.HTML 입력을 12 개의 열로 나눕니다.
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
<li><input type="text" maxlength="1" onkeypress="return isNumber(event,$(this))"></li>
function isNumber(evt,ele) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
if(ele.val().length == 0){
ele.parent().next().children('input').focus();
}
return true;
}
나는 열두 입력 상자를 사용했다. 그것을 할 수있는 다른 방법이 있습니까? 또한 jquery를 사용하지 않아야합니다.
12 개의 입력 상자를 유지하고 추가 처리를 위해 모든 숫자를 배열에 저장하는'ng-model = "numberArray [position]"지시문을 각각에 첨부 할 수 있습니다. –
그 일을 더 잘 수행 할 수 있는지 알고 싶을뿐입니다. – user3702775
사용자 ng-repeat을 사용해 보셨습니까? 또한 왜'ngKeyPress'를 사용하지 않으시겠습니까? https://docs.angularjs.org/api/ng/directive/ngKeypress – developer033