Artikel ini telah membagikan kode modul pengguna Java Online Bookstore untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Gambar reproduksi:
register.js
$ (function () {/ * * 1. Dapatkan semua pesan kesalahan dan loop di atasnya. Panggil metode untuk menentukan apakah pesan kesalahan ditampilkan! */$ (". ERRORCClass"). Setiap () {showerror ($ (this)); // Transfer setiap elemen dan gunakan setiap elemen untuk memanggil Metode REGIRROR});/ * 2. function () {$ ("#SubmitBtn"). ATTREK ("SRC", "/Goods/Images/Regist2.jpg"); $ (". InputClass"). Focus (function () {var labelID = $ (this) .attr ("id") + "error"; // Temukan ID label yang sesuai melalui kotak input $ ("#" + labelID) .text (""); // Bersihkan label label! Cek*/$ (". InputClass"). Blur (function () {var id = $ (this) .attr ("id"); // Dapatkan id dari kotak input saat ini var funname = "validasi" + id.substring (0,1) .touppercase () + id.substring (1) "() () () () () (). FUNGSI (); panggilan}); /** 5. Verifikasi saat mengirimkan formulir*/$ ("#registForm"). Kirim (function () {var bool = true; // menunjukkan bahwa verifikasi berlalu jika (! Validateloginname ()) {bool = false; false (! if (! Validateemail ()) {bool = false; var value = $ ("#" + id) .val (); // Dapatkan konten kotak input/ * * 1. Verifikasi non-kosong */if (! value) {/ * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label */$ ("#" + id + "error"). Teks ("nama pengguna tidak bisa kosong!"); showerror ($ ("#" + id + "error")); mengembalikan false; } / * * 2. Periksa panjang * / if (value.length <3 || value.length> 20) { / * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label * / $ ("#" + id + "error"). Teks ("Panjang nama pengguna harus antara 3 dan 20!"); showerror ($ ("#" + id + "error")); PALSU; }/** 3. Daftar Periksa*/$ .Ajax ({url: "/Goods/UserserVlet", // Servlet yang akan diminta data: {Metode: "AjaxValidateloginName", LoginName: IF IF ISYNC, ISYCE, "JAU PARKEOL," JAU, "JAU," JAU, "JAU PARAMETER," JAU, "JAU," JAU, "JAU PARAMETER:" Asynchronous, maka kami tidak akan menunggu server untuk kembali, dan fungsi kami akan berjalan ke bawah. return true;}/** Metode verifikasi kata sandi login*/function validatelogInpass () {var id = "loginPass"; var value = $ ("#" + id) .val (); // dapatkan konten kotak input/ * * 1. Verifikasi yang tidak kosong */if (! value) {/ * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label */$ ("#" + id + "kesalahan"). Teks ("Kata sandi tidak dapat kosong!"); showerror ($ ("#" + id + "error")); mengembalikan false; } / * * 2. Verifikasi panjang * / if (value.length <3 || value.length> 20) { / * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label * / $ ("#" + id + "error"). Teks ("Panjang kata sandi harus antara 3 dan 20!"); showerror ($ ("#" + id + "error")); PALSU; } return true; }/** Konfirmasi metode verifikasi kata sandi*/function validaterelogInpass () {var id = "reloginpass"; var value = $ ("#" + id) .val (); // Dapatkan konten kotak input/ * * 1. Verifikasi non-kosong */if (! value) {/ * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label */$ ("#" + id + "kesalahan"). Teks ("Konfirmasikan kata sandi tidak dapat kosong!"); showerror ($ ("#" + id + "error")); mengembalikan false; } / * * 2. Periksa apakah dua input konsisten * / if (value! = $ ("#Loginpass"). Val ()) { / * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label * / $ ("#" + id + "error"). Teks ("Dua input tidak konsisten!"); " showerror ($ ("#" + id + "error")); PALSU; } return true; }/** Metode verifikasi email*/function validateMail () {var id = "email"; var value = $ ("#" + id) .val (); // Dapatkan konten kotak input/ * * 1. Non-null centang */if (! value) {/ * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label */$ ("#" + id + "kesalahan"). Teks ("Email tidak bisa kosong!"); showerror ($ ("#" + id + "error")); mengembalikan false; }/ * * 2. Format Email Periksa */if (!/^([A-za-z0-9 _-])+@([A-ZA-Z0-9 _-])+(/. [ADD LABA-LABUS * * TAMBAHAN (NILAI, PERAMAAANAN *) {2,3 {1,3 $ ("#" + id + "error"). Teks ("Format email kesalahan!"); showerror ($ ("#" + id + "error")); PALSU; } /* * 3. Register and verify*/ $.ajax({ url:"/goods/UserServlet",//The servlet to be requested data:{method:"ajaxValidateEmail", email:value},//The parameters to the server:"POST", dataType:"json", async:false,//Whether the request is asynchronous, if it is asynchronous, then we will tidak menunggu server untuk kembali, dan fungsi kami akan berjalan ke bawah. Kembali Benar; }/** Metode verifikasi kode verifikasi*/function validateFerifyCode () {var id = "verifyCode"; var value = $ ("#" + id) .val (); // Dapatkan konten kotak input/ * * 1. Verifikasi non-kosong */if (! value) {/ * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label */$ ("#" + id + "error"). Teks ("Kode verifikasi tidak dapat kosong!"); showerror ($ ("#" + id + "error")); mengembalikan false; } / * * 2. Periksa panjang * / if (value.length! = 4) { / * * Dapatkan label yang sesuai * Tambahkan pesan kesalahan * Tampilkan label * / $ ("#" + id + "error"). Teks ("Kode verifikasi yang salah!"); showerror ($ ("#" + id + "error")); PALSU; } /* * 3. Is it correct*/ $.ajax({ url:"/goods/UserServlet",//The servlet to be requested data:{method:"ajaxValidateVerifyCode", verifyCode:value},//The parameters to the server:"POST", dataType:"json", async:false,//Whether the request is asynchronous, if it is Asynchronous, maka kami tidak akan menunggu server untuk kembali, dan fungsi kami akan berjalan ke bawah. Kembali Benar; }/ * * Tentukan apakah elemen saat ini memiliki konten. Jika ada, halaman tidak akan ditampilkan! */function showerror (ele) {var text = eLe.Text (); // Dapatkan konten elemen jika (! Text) {// Jika tidak ada konten ele.css ("display", "none"); // sembunyikan elemen} else {// jika ada konten elite.css ("display", ""); _hyz () {/** 1. Dapatkan elemen <mmg>* 2. Setel ulang Src* 3. Gunakan milidetik untuk menambahkan parameter*/$ ("#imgverifyCode"). attr ("src", "/barang/verifikasicodeservlet? a =" + new date (). gettime ());Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.