Saya belum melakukan proyek apa pun baru -baru ini, jadi saya punya waktu luang. Editor telah memilah kode verifikasi formulir JS yang umum digunakan dalam kehidupan sehari -hari dan membagikannya di platform jaringan Wulin untuk dipelajari semua orang. Untuk teman yang membutuhkannya, silakan merujuknya!
Verifikasi Pendaftaran:
<skrip bahasa = "javaScript" src = "js/jQuery-1.9.1.min.js" type = "text/javascript"> </script> // verifikasi fungsi bentuk vailform () {var form = jQuery ("#editform"); if (! vailnickname ()) kembali; if (! vailphone ()) kembali; if (! vailpwd ()) kembali; if (! vailconfirmpwd ()) kembali; if (! vailemail () kembali; if (! vailcode () kembali (! Fungsi julukan vailnickName () {var nickname = jQuery ("#nickname"). val (); var flag = false; var pesan = ""; var patn =/^/d+$/; var length = getNickNeMelength (); if (nickname == '') {pesan = "nickName tidak bisa kosong!" 4-16 Karakter! ";} Lain jika (checkNickNameiseSist ()) {message =" nama panggilan sudah ada, mohon masukkan kembali! ";} Else {flag = true;} if (! Flag) {jQuery ("#nickNamedIV "). Removeclass (). AddClass (" Ui-Form-item "). RemoveClass (). AddClass (" Ui-Form-Formem HAD-ERROR "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html (" <i class =/"ikon-error ui-margin-right10/"> <// i>"+pesan); // jQuery ("#nickname"). focus ();} else {jQuery ("#nickNamedIV"). RemoveClass (). AddClass ("UI-Form-item has-success "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html (" <i class =/"ikon-success ui-margin-right10/"> <//i> julukan ini tersedia ");} kembalinya bendera {} {{} {{{} {{{{{{{{{{{{{{{{{{{{{{{{{ jQuery ("#nickname"). val (); var len = 0; for (var i = 0; i <nickname.length; i ++) {var a = nickname.charat (i); // Format Fungsi: StringObj.match (rGEXP) StringObj adalah string, rGEXP adalah ekspresi reguler yang diperlukan // nilai pengembalian: jika dapat mencocokkan, mengembalikan array hasil, dan jika tidak dapat cocok, return nullif (a.match (/[^/x00-/xff]/ig)! = Null) {len += 2; apakah julukan ada fungsi checkNickNameiseSist () {var nickname = jQuery ("#nickName"). val (); var flag = false; jQuery.Ajax ({url: "checknickname? t =" + (baru Date()).getTime(),data:{nickName:nickName},dataType:"json",type:"GET",async:false,success:function(data) {var status = data.status;if(status == "1"){flag = true;}}});return flag;}//Verify mobile phone number function vailPhone(){var phone = jQuery ("#phone"). val (); var flag = false; var message = ""; // var myreg =/^(((13 [0-9] {1}) | 159 | 153)+/d {8}) $/; var myreg = /^(((13 [0-9] {1}) | (14 [0-9] {1}) | (17 [0-9] {1}) | (15 [0-3] {1}) | (15 [5-9 ] {1}) | (18 [0-3] {1}) | (18 [5-9] {1}) | (18 [5-9] {1}))+/d {8}) $/; if (telepon == '') {message = "Nomor ponsel tidak dapat kosong!";} lain jika (phone.length! = 11) {message = "Harap masukkan nomor ponsel yang valid!";} lain jika (checkphoneSexist ()) {pesan = "Harap masukkan nomor telepon seluler yang valid!" true;} if (! flag) {jQuery ("#phonediv"). RemoveClass (). AddClass ("UI-Form-item have-error"); jQuery ("#phonep"). html (""); jQuery ("#phonep"). html ("<i class =/" ui-margin-right10/"> <// i>"+pesan); // jQuery ("#phone"). focus ();} else {jQuery ("#phonediv"). removeClass (). addClass ("UI-Form-item has-success");jQuery("#phoneP").html("");jQuery("#phoneP").html("<i class=/"icon-success ui-margin-right10/"><//i>This mobile phone number is available");}return flag;}//Verify whether the mobile phone number has function checkPhoneIsExist(){var phone = jQuery ("#phone"). val (); var flag = true; jQuery.ajax ({url: "checkphone? t =" + (tanggal baru ()). getTime (), data: {phone: phone}, datape: "json", ketik: "get", async: false, success: function (data) {status = status = status = status = status = status = status = status = data = {status = data = {data) {data). false;}}}); return flag;} // verifikasi fungsi kata sandi vailpwd () {var kata sandi = jQuery ("#password"). val (); var flag = false; var pesan = ""; var patrn =/^/d+$/; if (kata sandi == ') {pesan = "Kata sandi tidak dapat kosong!" 6-16 bit! ";} Lain jika (patn.test (kata sandi)) {message =" Kata sandi tidak bisa jadi semua angka! ";} Else {flag = true;} if (! Flag) {jQuery ("#passwordDiv "). Removeclass (). AddClass (" UI-Form-item "). Removeclass (). AddClass (" UI-Form-item "). Removeclass (). AddClass (" UI-Form-item "). Removeclass (). AddClass (" UI-Form-item "). has-error "); jQuery ("#passwordp "). html (" "); jQuery ("#passwordp "). html (" <i class =/"ikon-error ui-margin-right10/"> <// i>"+pesan); // jQuery ("#password"). focus ();} else {jQuery ("#passwordDiv"). RemoveClass (). AddClass ("UI-Form-item has-success "); jQuery ("#passwordp "). html (" "); jQuery ("#passwordp "). html (" <i class =/"ikon-success ui-margin-right10/"> <// i> Kata sandi ini tersedia ");} return;} // verifikasi fungsi kata sandi converifikasi kata sandi (/i> Kata sandi ini tersedia");} return bendera;} // verifikasi fungsi kata sandi verifikasi kata sandi (/i> kata sandi ini);} return bendera;} // verifikasi fungsi kata sandi verifikasi kata sandi (/i> kata sandi ini);} return bendera;} // verifikasi fungsi kata sandi convification kata sandi verifikasi kata sandi (verifikasi kata sandi varifikasi (} verifikasi kata sandi converifikasi kata sandi (} verifikasi kata sandi confor control (} jQuery ("#konfirmasi_password"). val (); var patn =/^/d+$/; var kata sandi = jQuery ("#password"). val (); var flag = false; var pesan = ""; if (konfirmasipassword == '') {pesan = "silakan masukkan kata sandi konfirmasi!"; if confirpassword == '') {pesan = "Harap masukkan kata sandi konfirmasi!";}}}}} inputonsword! = Pesan) {macypute) {Pesan {soundspute {soundspute! " masukkan kembali! ";} lain jika (patn.test (kata sandi)) {message =" Kata sandi tidak bisa semua angka! ";} else {flag = true;} if (! flag) {jQuery ("#confirmspasswordDiv "). RemoveClass (). AddClass (" Ui-Form-item "). RemoveClass (). AddClass (" UI-Form-item "). RemoveClass (). AddClass (" UI-Form-item "). RemoveClass (). AddClass (" UI-Form-Item HAD-ERROR "); jQuery ("#confirmPasswordp "). html (" "); jQuery ("#confirmpasswordp "). html (" <i class =/"ikon-error ui-margin-right10/"> <// i>"+pesan); // jQuery ("#konfirmasi_password"). focus ();} else {jQuery ("#confirmasswordDiv"). RemoveClass (). AddClass ("UI-Form-item has-success "); jQuery ("#confirmpasswordp "). html (" "); jQuery ("#confirmswordp "). html (" <i class =/"ikon-success ui-margin-right10/"> <// i> Kata sandi benar ");} kembalikan bendera;}//function variy//function {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ jQuery ("#email"). val (); var flag = false; var message = ""; var myreg = /^( media/.a-za-z0-9_-ubungi) if (email == '') {message = "Email tidak bisa kosong!";} lain jika (! myreg.test (email)) {message = "Silakan masukkan alamat email yang valid!";} lain jika (checkemailisexist ()) {pesan = "Alamat email ini telah terdaftar!";} lain {bendera =) true;} if (! flag) {jQuery ("#emailDiv"). RemoveClass (). AddClass ("UI-Form-item have-error"); jQuery ("#emailp"). html (""); jQuery ("#emailp"). html ("<i class =/" icon-error ui-margin-right10/"> <// i>"+pesan); // jQuery ("#email"). focus ();} else {jQuery ("#emailDiv"). RemoveClass (). AddClass ("UI-Form-item has-success "); jQuery ("#emailp "). html (" "); jQuery ("#emailp "). html (" <i class =/"ikon-success ui-margin-right10/"> <// i> kotak surat ini tersedia ");} kembalinya flag;}/" apakah ada email yang berfungsi " jQuery ("#email"). val (); var flag = false; jQuery.AJAX ({url: "checkemail? t =" + (date baru ()). getTime (), data: {email: email}, datape: "json", type: "get", async: false, false, function: data) {status = {status = status = status = status = status = {{status = {{{data = " true;}}});return flag;}//Verification verification code function vailCode(){var randCode = jQuery("#randCode").val();var flag = false;var message = "";if(randCode == ''){message = "Please enter the verification code!";}else if(!checkCode()){message = "The verification code is salah! ";} else {flag = true;} if (! flag) {jQuery ("#randcodediv "). RemoveClass (). AddClass (" II-Form-item have-error "); jQuery ("#randcodep "). html (" "); jQuery ("#randorPer ("html ("); jQuery ("#randCodep"). ui-margin-right10/"> <// i>"+pesan); // jQuery ("#randcode"). focus ();} else {jQuery ("#randcodediv"). RemoveClass (). AddClass ("UI-Form-item memiliki kesopanan "); jQuery ("#randcodep "). html (" "); jQuery ("#randcodep "). html (" <i class =/"ikon-success ui-margin-right10/"> <// i> ");} kembalikan bendera;} // periksa apakah fungsi acak adalah funche (// i>");} kembalikan bendera;} // periksa apakah fungsi acak adalah funche (// i> ");} kembalikan bendera;}//Check-verify AKTROW = functifikasi = functifikasi (funche) {{} {} {} {{} {{} {{} {{} {{{{{{{{{{{{{{{i> jQuery("#randCode").val();var flag = false;jQuery.ajax({ url: "checkRandCode?t=" + (new Date()).getTime(),data:{randCode:randCode},dataType:"json",type:"GET",async:false,success:function(data) {var status = data.status;if(status == "1") {flag = true;}}}); return flag;} // menilai apakah fungsi vailAgree () {if (jQuery ("#setuju"). Is (": checked")) {return true;} else {ware ("Harap konfirmasi apakah akan membaca dan menyetujui protocol xx");} return false ("found str = str.replace (/<//? [^>]*>/gim, ""); // hapus semua tag html var result = str.replace (/^/s+) | (/s+$)/g, ""); // menghapus ruang sebelum dan sesudahnya. html> <html> <body> <h1> paragraf pertama saya dari JavaScript </h1> <p> Harap masukkan nomor. Jika nilai input bukan angka, browser akan memunculkan kotak prompt. </p> <input id = "demo" type = "text"> <script> function myfunction () {var x = document.geteLementById ("demo"). value; if (x == "") {waspada ("input tidak dapat kosong"); return;} if (isNan (x)) {alert ("Harap masukkan nomor"); return;} if (x.length! = 6) {alert ("Harap masukkan 6 digit"); return;}} </script> <tombol type = "tombol" ontClick = "myfunction ()"> klik di sini </buttom "ABCDEFGHIJKLMNOPQRSUVWXYZABCDEFGHIJKLMNOPQRSUVWXYZ0123456789_ ~/!@#$&*() ;-+ ==," untuk (i = 0; i <pwd.length; i ++) {api) (i = 0; i <pwd.lengh; -1) {return false;}} return true;} // verifikasi format format kotak surat (email) {var filter = /^($ (a-za-z0-9_/./- $ )+/@ 1 (az0-90-9/-9/-)+/) /- :-9/-9/-9/-9/-9/-9 /-9 {2, false;} return true;} function isemail (val) {return /^(((( M rata,d|anjang MEB | //$/%&'/*/+/- /?/^_ `{/|} ~] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])+)*) | ((/x22) ((((/x20 |/x09)*(/x0d/x0a)? -/x08/x0b/x0c/x0e-/x1f/x7f] |/x21 | [/x23-/x5b] | [/x5d-/x7e] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef] | b/x0c/x0d-/x7f] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])))*((((/x20 |/x09)*(/x0d/x0a)))? (/x20 |/x09)+)? az] |/d | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) | (([az] |/d | [/u00a0-/ud7 Ff/uf900-/ufdcf/ufdf0-/uffef]) ([az] |/d |-|/. | _ | ~ | [/U00a0-/ud7ff/uf900-/uf Dcf/ufdf0-/uffef])*([az] |/d | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]))) /.)+((öz (apren| media/u000a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffefht ())/.)+((tasaz Miden| media/u00 A0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) | (([az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) ([az] |/d |-|/ -/ud7ff/uf900-/ufdcf/ufdf0-/uffef])*([az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])) /.?$/. Test (val);} ////uffef])) /.?$/ Fungsi Verifikasi Nomor Telepon Checktelephone (ponsel seluler) {var regcellphone =/^([0-9] {11})? $/; falg = cellPhone.search (RegCellphone); if (falg == -1) {return false;} else {return true;}}//dapatkan fungsi nilai URL GetParameter; param.length; var iStart = query.indexOf (param); if (iStart == -1) return ""; iStart + = ilen + 1; var iend = query.indexof ("&", iStart); if (iend == -1) return query.substring (isTart); return query.substring.substring.Kode di atas adalah verifikasi formulir JS yang diperkenalkan oleh editor kepada Anda. Kode ini sederhana dan mudah dimengerti dan sangat praktis. Saya harap ini akan membantu semua orang. Pada saat yang sama, saya ingin mengucapkan terima kasih banyak atas dukungan Anda untuk situs web Wulin Network!