암호 키를 확인하고 일부 값을 표시하는 웹 응용 프로그램을 만들고 있습니다. 입력 할 파일에 대해 4 개의 암호 키가 있습니다. 유효성을 검사하고 신용 카드 번호를 입력하는 것처럼 암호 키를 입력하고 있습니다. 지불 게이트웨이에서. 내 현재 응용 프로그램에서 하나의 패스 키를 입력 한 다음 탭을 누르거나 마우스를 사용하여 다음 패스 키를 입력해야합니다. fill in like 지불 게이트웨이커서를 한 텍스트 상자에서 다른 텍스트 상자로 자동 이동
답변
는이 같은 순수 자바 스크립트 수행 할 수 있습니다 당신은 위치 이동을 얻기 위해 또한 지시자를 만들 수 있습니다
<script type="text/javascript">
function ValidatePassKey(tb) {
if (tb.TextLength >= 4)
document.getElementById(tb.id + 1).focus();
}
}
</script>
<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">
@ Rajeem 만약 내가 두 개의 텍스트 상자가있다 내가 할 일 네 가지 어떻게해야합니까 쓰기 별도의 JS 그것에 대해? – Rajesh
귀하의 요구 사항을 만족시키기 위해 코드를 변경했습니다 – rajeemcariazo
고마워요 .... – Rajesh
메소드를 호출하는 텍스트 상자에서 JavaScript의 Onchange 이벤트 (또는 JQuery 일 수 있음)를 사용할 수 있습니다. 여기서 텍스트 상자의 값이 최대 값과 같으면 다음 값을 확인할 수 있습니다. 텍스트 상자.
다음 TextBox에서 TextBox.Focus() 메서드를 사용하십시오. 첫 번째 TextBox의 TextBox.TextChanged 이벤트를 사용하여 포커스를 변경해야하는지 테스트하고 다음 TextBox에서 Focus 메서드를 호출합니다. 내 존재하는 응용 프로그램에서
그렇게하지 마십시오 탭을 누르거나 입력 할 다음 텍스트 상자를 선택하려면 마우스 내가 한 사용이 하나의 암호 키를 입력해야합니다.나는 다음 다음 암호 키
Control.Focus()
방법을 사용하면됩니다.
HTML에서, 당신이 사용할 수있는 경우 jQuery의 focus()
:
$("#textbox").focus();
"do not do that"에 동의하는지 모르겠습니다. 자동 점핑 동작은 성가신 일 수 있으며 모든 경우에 적합하지 않습니다. 사용자는 준비가되었을 때 다른 텍스트 상자로 전환하는 방법을 알고 있습니다. 자동이 아니어도됩니다. –
@CodyGray Windows 응용 프로그램에서 SendKeys 및 마우스 이동 코드를 사용하여 해당 문장을 OP로 해석했습니다. 자동 초점 이동은 라이센스 키나 신용 카드 정보 (예 : 고정 형식)를 입력 할 때 유용합니다. – CodeCaster
Ooohhh, 물론이 경우에는 그렇습니다. 완전히 동의했습니다. 그것은 끔찍한 생각입니다. :-) –
을
<a href="https://plnkr.co/edit/G6sFMM9vaR6nQfVaMI2E?p=preview">directive 1</a>
<a href="https://plnkr.co/edit/G32KUITspNp1qsq6gleI?p=preview">directive 2</a>
- 1. C# winforms : 한 텍스트 상자에서 다른 텍스트 상자로 텍스트 이동
- 2. 커서를 한 텍스트 상자에서 다른 텍스트 상자로 변경하는 방법
- 3. 컨트롤이 한 텍스트 상자에서 다른 텍스트 상자로 자동 전송됩니까?
- 4. 한 페이지의 텍스트 상자에서 다른 페이지의 텍스트 상자로 데이터를로드 하시겠습니까?
- 5. 텍스트 상자에서 데이터 상자로 텍스트 보내기
- 6. 목록 상자에서 다른 텍스트 상자로 선택한 항목 텍스트
- 7. 목록보기 행을 텍스트 상자로 이동
- 8. 일반 텍스트 상자에서 자동 텍스트 수정
- 9. 텍스트 상자에서 nsstring으로 텍스트 저장 후 텍스트 상자로 돌아 가기
- 10. 텍스트 필드의 커서를 처음으로 이동
- 11. 텍스트 상자에서 목록 상자로 데이터를로드하는 방법은 무엇입니까?
- 12. Datagridview ColumnType을 텍스트 상자에서 콤보 상자로 변경하십시오.
- 13. 한 목록 상자에서 다른 목록 상자로 항목 이동 (C# webforms)
- 14. 텍스트 상자에서 목록 상자로 출력 표시 C#
- 15. 제출 버튼을 클릭하면 한 텍스트 상자에서 다른 텍스트 상자로 값 입력하기
- 16. 한 JSP 페이지의 텍스트 상자에서 다른 JSP 페이지의 텍스트 상자로 값을 전송하는 방법은 무엇입니까?
- 17. 어떻게 wpf의 텍스트 상자에서 커서를 집중 시켰습니까?
- 18. 목록 상자에서 텍스트 상자로 드래그 앤 드롭
- 19. 텍스트 상자에서 커서 이동 숨기기
- 20. 텍스트 상자의 내용을 다른 텍스트 상자로 암호화해야합니다.
- 21. WP8 - 전체 텍스트 상자에서 자동 스크롤 텍스트
- 22. 선택한 값을 dropdpwn으로 텍스트 상자로 이동
- 23. 내 목록 상자에서 다른 앱 텍스트 상자로 정보 전송
- 24. 사용자가 텍스트 입력을 완료하면 다음 텍스트 상자로 포커스 이동
- 25. 텍스트 상자에서 커서를 제거하지 않고 텍스트 상자를 작동시키는 방법은 무엇입니까?
- 26. Tcl/Tk 텍스트 위젯 - 커서를 텍스트 끝으로 이동
- 27. 텍스트를 한 텍스트 상자에서 다른 폼으로 복사하고 텍스트 상자간에 정렬
- 28. jquery를 사용하여 서버에서 텍스트 상자로 자동 채우기
- 29. 텍스트 필드에 텍스트를 삽입 한 후 커서를 이동
- 30. 이미지를 그림 상자에서 다른 형식의 다른 그림 상자로 이동
자바 스크립트를 태그로 추가하십시오. 이것은 대부분 자바 스크립트로 이루어지기 때문에 포스트 백이 발생하지 않습니다. – Narendra
@ Narendra U가이 종류의 이벤트에 대한 자바 스크립트를 찾을 수있는 링크를 제안 할 수 있습니까? – Rajesh
충분한 답변이 추가되었으므로 참조 할 수 있습니다. 여기에는 자바 스크립트 이벤트가 포함되어 있습니다. 조금 더 쉬운 jQuery를 확인할 수 있습니다. http://api.jquery.com/keypress/ – Narendra