โครงการล่าสุดคือการใช้โรงงานเคมีเพื่อป้อนข้อมูลจำนวนมากในระหว่างการใช้งาน
บนหน้าเว็บคุณต้องใช้ฟังก์ชั่นการส่งคืนรถเช่น Excel
หลังจากการเปรียบเทียบและการทดสอบของฉันเองปัญหานี้สามารถแก้ไขได้ดี:
เงื่อนไขที่จำเป็น
1. คุณสามารถดาวน์โหลดที่อยู่ jQuery Library ล่าสุดบนเว็บไซต์ทางการของ JQuery.com
2. ตรวจสอบโครงสร้างของแบบฟอร์มอินเตอร์เฟสและตำแหน่งแบบฟอร์มที่สอดคล้องกัน
ต่อไปนี้เป็นโครงสร้างแบบฟอร์ม
การคัดลอกรหัสมีดังนี้:
<fieldset>
<gregend> แบบฟอร์มการเข้าสู่ระบบ </legend>
<ol>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "ชื่อผู้ใช้" />
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "textbox1" />>
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "textbox2" />>
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "textbox3" />>
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "textbox4" />
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "textbox5" />
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "textbox6" />>
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "textbox7" />>
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<ASP: label runat = "Server" AssociatedControlid = "ชื่อผู้ใช้"> ชื่อผู้ใช้ </asp: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "textbox8" />>
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "ชื่อผู้ใช้" CSSCLASS = "FIELD-VALITION-ERROR" ERRORMESSAGE = "ฟิลด์ชื่อผู้ใช้"
</li>
<li>
<asp: label runat = "เซิร์ฟเวอร์" actelingControlid = "รหัสผ่าน"> รหัสผ่าน </ASP: label>
<asp: textbox runat = "เซิร์ฟเวอร์" id = "รหัสผ่าน" textMode = "รหัสผ่าน" />>>>>
<ASP: RequiredFieldValidator runat = "Server" ControlTovalidate = "รหัสผ่าน" CSSCLASS = "ฟิลด์การตรวจสอบความถูกต้องของฟิลด์" errorMessage = "ฟิลด์รหัสผ่านเป็นฟิลด์ที่จำเป็น"
</li>
<li>
<asp: ช่องทำเครื่องหมาย runat = "เซิร์ฟเวอร์" id = "จำ memageme" />>
<asp: label runat = "เซิร์ฟเวอร์" actelingControlid = "RememberMe" cssclass = "ช่องทำเครื่องหมาย"> จำฉันได้ไหม </asp: label>
</li>
</ol>
<ASP: ปุ่ม runat = "เซิร์ฟเวอร์" commandName = "เข้าสู่ระบบ" text = "เข้าสู่ระบบ" />>>>
</fieldset>
ให้ความสนใจกับความสัมพันธ์ของฉลากบริบทที่ต้องอยู่ในรูปแบบ
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
หลังจากสร้างหน้าเว็บไม่ว่าองค์ประกอบเครื่องหมายวรรคตอนจะมีองค์ประกอบฉลากเล็ก ๆ น้อย ๆ ที่มีโครงสร้างที่ไม่เปลี่ยนแปลง
จากนั้นหากคุณไม่ทราบเกี่ยวกับตัวเลือกลำดับชั้นของตัวเลือกของ JQuery Prev+การวางตำแหน่งถัดไปคุณสามารถดูเอกสารความช่วยเหลือของ JQuery ได้ตราบใดที่คุณสามารถค้นหาองค์ประกอบที่คุณต้องการเลือกได้
นี่คือรหัสสคริปต์คีย์:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
$ (function () {
var i = 0; // index
// ความสัมพันธ์ระหว่างสถานที่และบริบทด้านบนคือจะมีแท็กอินพุตหลังฉลากเสมอ
// คุณสามารถแก้ไขได้ตามความต้องการส่วนบุคคลของคุณที่นี่เฉพาะแบบฟอร์มที่มีประเภท = "ข้อความ" อยู่ที่นี่ .
$ ("label+: text"). แต่ละ (ฟังก์ชั่น () {
$ (นี่) .KeyDown (ฟังก์ชั่น (e) {
if (e.keycode == 13) {
I ++; // ดัชนีตำแหน่งถัดไป
พยายาม {
$ ("label+: text") [i] .focus ();
} catch (e) {// องค์ประกอบอาจไม่พบในรายการถัดไปและข้อยกเว้นจะเกิดขึ้นผ่านการพยายามจับมัน
ส่งคืน false; // จะต้องเขียนเพื่อหลีกเลี่ยงข้อความแสดงข้อผิดพลาดที่ส่ง
-
ส่งคืน false; // จะต้องเขียนเพื่อหลีกเลี่ยงข้อความแสดงข้อผิดพลาดที่ส่ง
-
-
-
-
</script>
คุณสามารถลองได้! - - หวังว่ามันจะเป็นประโยชน์กับคุณ