2013-07-08 2 views
2

암호 키를 확인하고 일부 값을 표시하는 웹 응용 프로그램을 만들고 있습니다. 입력 할 파일에 대해 4 개의 암호 키가 있습니다. 유효성을 검사하고 신용 카드 번호를 입력하는 것처럼 암호 키를 입력하고 있습니다. 지불 게이트웨이에서. 내 현재 응용 프로그램에서 하나의 패스 키를 입력 한 다음 탭을 누르거나 마우스를 사용하여 다음 패스 키를 입력해야합니다. fill in like 지불 게이트웨이커서를 한 텍스트 상자에서 다른 텍스트 상자로 자동 이동

+0

자바 스크립트를 태그로 추가하십시오. 이것은 대부분 자바 스크립트로 이루어지기 때문에 포스트 백이 발생하지 않습니다. – Narendra

+0

@ Narendra U가이 종류의 이벤트에 대한 자바 스크립트를 찾을 수있는 링크를 제안 할 수 있습니까? – Rajesh

+0

충분한 답변이 추가되었으므로 참조 할 수 있습니다. 여기에는 자바 스크립트 이벤트가 포함되어 있습니다. 조금 더 쉬운 jQuery를 확인할 수 있습니다. http://api.jquery.com/keypress/ – Narendra

답변

4

는이 같은 순수 자바 스크립트 수행 할 수 있습니다 당신은 위치 이동을 얻기 위해 또한 지시자를 만들 수 있습니다

<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"> 
+0

@ Rajeem 만약 내가 두 개의 텍스트 상자가있다 내가 할 일 네 가지 어떻게해야합니까 쓰기 별도의 JS 그것에 대해? – Rajesh

+0

귀하의 요구 사항을 만족시키기 위해 코드를 변경했습니다 – rajeemcariazo

+0

고마워요 .... – Rajesh

0

메소드를 호출하는 텍스트 상자에서 JavaScript의 Onchange 이벤트 (또는 JQuery 일 수 있음)를 사용할 수 있습니다. 여기서 텍스트 상자의 값이 최대 값과 같으면 다음 값을 확인할 수 있습니다. 텍스트 상자.

+0

@ sohaiby U가 이러한 유형의 이벤트에 대해 자바 스크립트를 찾을 수있는 링크를 제안 할 수 있습니까? – Rajesh

+0

@Rajesh 자바 스크립트 메소드를 호출하는 텍스트 상자에서 onChanged 이벤트를 설정하십시오. 이 링크에서 작동합니다. http://www.w3schools.com/jsref/event_onchange.asp – sohaiby

0

다음 TextBox에서 TextBox.Focus() 메서드를 사용하십시오. 첫 번째 TextBox의 TextBox.TextChanged 이벤트를 사용하여 포커스를 변경해야하는지 테스트하고 다음 TextBox에서 Focus 메서드를 호출합니다. 내 존재하는 응용 프로그램에서

1

나는 다음 다음 암호 키

그렇게하지 마십시오 탭을 누르거나 입력 할 다음 텍스트 상자를 선택하려면 마우스
내가 한 사용이 하나의 암호 키를 입력해야합니다. Control.Focus() 방법을 사용하면됩니다.

HTML에서, 당신이 사용할 수있는 경우 jQuery의 focus() :

$("#textbox").focus(); 
+0

"do not do that"에 동의하는지 모르겠습니다. 자동 점핑 동작은 성가신 일 수 있으며 모든 경우에 적합하지 않습니다. 사용자는 준비가되었을 때 다른 텍스트 상자로 전환하는 방법을 알고 있습니다. 자동이 아니어도됩니다. –

+0

@CodyGray Windows 응용 프로그램에서 SendKeys 및 마우스 이동 코드를 사용하여 해당 문장을 OP로 해석했습니다. 자동 초점 이동은 라이센스 키나 신용 카드 정보 (예 : 고정 형식)를 입력 할 때 유용합니다. – CodeCaster

+0

Ooohhh, 물론이 경우에는 그렇습니다. 완전히 동의했습니다. 그것은 끔찍한 생각입니다. :-) –

0

<a href="https://plnkr.co/edit/G6sFMM9vaR6nQfVaMI2E?p=preview">directive 1</a> 

<a href="https://plnkr.co/edit/G32KUITspNp1qsq6gleI?p=preview">directive 2</a> 
관련 문제