Proyek terbaru adalah menggunakan pabrik kimia untuk memasukkan sejumlah besar data selama penggunaan.
Di halaman web, Anda perlu mengimplementasikan fungsi pengembalian kereta seperti Excel.
Setelah pengumpulan dan pengujian saya sendiri, masalah ini dapat diselesaikan dengan baik:
Kondisi yang diperlukan
1. Anda dapat mengunduh alamat perpustakaan jQuery terbaru di situs web resmi jQuery.com
2. Periksa struktur formulir antarmuka dan lokasi formulir yang sesuai
Berikut ini adalah beberapa struktur bentuk
Salinan kode adalah sebagai berikut:
<fieldset>
<fegend> Formulir Login </GREGEND>
<Ol>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "nama pengguna" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "textbox1" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "textbox2" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "textbox3" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "textbox4" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "textbox5" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "textbox6" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "textbox7" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" AssociatedControlid = "userName"> Nama pengguna </sh: label>
<ASP: TextBox runat = "server" id = "textbox8" />
<ASP: Wajib Liuman Runat = "Server" ControlTovalidate = "Nama Pengguna" CSSClass = "Field-Validation-error" ERRORMESSAGE = "Bidang Nama Pengguna diperlukan."
</li>
<li>
<asp: label runat = "server" associatedControlid = "password"> kata sandi </asp: label>
<ASP: TextBox runat = "server" id = "password" textMode = "password" />
<ASP: wajib validator runat = "server" controlTovalidate = "kata sandi" cssclass = "field-validation-error" errorMessage = "bidang kata sandi adalah bidang yang diperlukan."
</li>
<li>
<ASP: kotak centang runat = "server" id = "RememberMe" />
<asp: label runat = "server" assocationControlid = "rememberme" cssclass = "centang kotak"> ingat saya? </sp: label>
</li>
</ol>
<asp: tombol runat = "server" commandName = "Login" Text = "Login" />
</fieldset>
Perhatikan hubungan label konteks yang perlu ditempatkan di formulir
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
Setelah menghasilkan halaman, di mana pun elemen tanda baca, ada elemen label kecil dengan struktur yang tidak berubah.
Maka jika Anda tidak tahu banyak tentang pemilihan pemilih Hierarkis Selector JQuery Prev+Positioning Next, Anda dapat melihat dokumen bantuan JQuery selama Anda dapat menemukan elemen yang ingin Anda pilih, tidak masalah metode apa yang Anda gunakan.
Berikut adalah kode skrip utama:
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
$ (function () {
var i = 0; // indeks
// Hubungan antara lokasi dan konteks di atas adalah bahwa akan selalu ada tag input demi label.
// Anda dapat memodifikasinya sesuai dengan kebutuhan pribadi Anda. .
$ ("Label+: Teks"). Setiap (fungsi () {
$ (this) .keyDown (function (e) {
if (e.keycode == 13) {
i ++; // indeks diposisikan berikutnya
mencoba {
$ ("Label+: Teks") [i] .focus ();
} Catch (e) {// Elemen mungkin tidak ditemukan di yang berikutnya, dan pengecualian akan terjadi melalui mencoba menangkapnya.
return false; // harus ditulis untuk menghindari pesan kesalahan yang dikirimkan
}
return false; // harus ditulis untuk menghindari pesan kesalahan yang dikirimkan
}
});
});
});
</script>
Anda bisa mencobanya! Lai Lai Semoga ini membantu Anda