가장 최근의 프로젝트는 화학 공장을 사용하여 사용하는 동안 많은 양의 데이터를 입력하는 것입니다.
웹 페이지에서는 Excel과 같은 캐리지 리턴 기능을 구현해야합니다.
내 자신의 협업 및 테스트 후이 문제를 잘 해결할 수 있습니다.
필요한 조건
1. jQuery.com의 공식 웹 사이트에서 최신 jQuery 라이브러리 주소를 다운로드 할 수 있습니다.
2. 인터페이스 양식의 구조와 해당 양식 위치를 확인하십시오.
다음은 일부 형태 구조입니다
코드 사본은 다음과 같습니다.
<fieldset>
<전설> 로그인 양식 </범례>
<ol>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "username" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "textbox1" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "textbox2" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "textbox3" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "textbox4" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "textbox5" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "textbox6" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "textbox7" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "username"> username </asp : label>
<asp : textbox runat = "server"id = "textbox8" />
<asp : requiredfieldValidator runat = "server"controlTovalidate = "username"cssclass = "Field-Validation-error"errormessage = "사용자 이름 필드가 필요합니다."
</li>
<li>
<asp : label runat = "server"ancizecontrolid = "password"> password </asp : label>
<asp : textbox runat = "server"id = "password"textmode = "password" />
<ASP : 필수 필드 validator runat = "Server"ControlTovalIdate = "password"cssclass = "Field-Validation-error"errormessage = "비밀번호 필드는 />입니다
</li>
<li>
<asp : checkbox runat = "server"id = "Rememberme" />
<asp : label runat = "server"ancizectrolid = "Rememberme"cssclass = "checkbox"> 기억 나? </asp : label>
</li>
</ol>
<asp : button runat = "server"commandname = "login"text = "login" />
</fieldset>
양식에 위치 해야하는 맥락 레이블 관계에주의를 기울이십시오.
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
구두점 요소가 어디에 있든 페이지를 생성 한 후에는 변경되지 않은 구조가있는 작은 레이블 요소가 있습니다.
그런 다음 JQuery의 선택기 계층 적 선택기 Prev+Next Position에 대해 잘 모르는 경우 선택하려는 요소를 찾을 수있는 한 jQuery의 도움말 문서를 볼 수 있습니다.
주요 스크립트 코드는 다음과 같습니다.
코드 사본은 다음과 같습니다.
<script type = "text/javaScript">
$ (function () {
var i = 0; // 색인
// 위의 형태 위치와 컨텍스트 사이의 관계는 레이블 후에 항상 입력 태그가있을 수 있다는 것입니다
// 여기서는 개인의 필요에 따라 수정할 수 있습니다. .
$ ( "label+ : text"). 각 (function () {
$ (this) .keydown (function (e) {
if (e.keyCode == 13) {
i ++; // 다음으로 배치 된 색인
노력하다 {
$ ( "label+ : text") [i] .focus ();
} catch (e) {// 요소는 다음 요소에서 찾을 수 없으며 프로그램을 통해 예외가 발생합니다.
거짓 반환; // 제출 된 오류 메시지를 피하기 위해 작성해야합니다.
}
거짓 반환; // 제출 된 오류 메시지를 피하기 위해 작성해야합니다.
}
});
});
});
</스크립트>
당신은 그것을 시도 할 수 있습니다! ! ! 그것이 당신에게 도움이되기를 바랍니다