Rumah hujung hadapan web tutorial js Penjelasan terperinci tentang jQuery plug-in formValidator fungsi pelanjutan fungsi tersuai example_jquery

Penjelasan terperinci tentang jQuery plug-in formValidator fungsi pelanjutan fungsi tersuai example_jquery

May 16, 2016 pm 03:29 PM
sambungan fungsi Sesuaikan

Contoh dalam artikel ini menerangkan cara melanjutkan fungsi fungsi tersuai formValidator plug-in jQuery. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Apakah pemalam pengesahan borang jQueryValidator Pembaca yang berminat boleh merujuk kepada "pemalam pengesahan borang jQueryValidator" dan dokumen lain yang berkaitan di tapak ini

Sesetengah teks ditinggalkan di sini.

Aplikasi borang dalam projek sebenar adalah pelbagai, dan pengesahan yang disertakan bersamanya juga berbeza-beza, tetapi Jquery formValidator memberikan kami antara muka fungsi tersuai, yang saya fikir secara peribadi adalah kekuatan utamanya. Tanpa berlengah lagi, mari terus ke contoh.

Contoh 1: Talian tetap atau telefon bimbit, pilih sekurang-kurangnya satu, anda tidak perlu memilih sama ada.

Analisis: Ini ialah pengesahan gabungan, yang memerlukan syarat pengesahan berbeza mengikut bingkai berbeza yang dipilih oleh pengguna.

Titik pengetahuan: Jquery formvalidator menyediakan antara muka fungsi tersuai sebagai functionValidator({ fun: funname });

Telefon mudah alih talian tetap

$("#txtMobileTel,#txtContactTel").formValidator({ tipid: "txtMobileTelTip", onshow: "请填写任一种联系号码", onfocus: "请输入移动电话或座机电话", oncorrect: "输入正确!" }).functionValidator({ fun: allEmpty });
function allEmpty(val, elem) {
 if ($("#txtMobileTel").val() == "" && $("#txtContactTel").val() == "") {
  return '请输入移动电话或座机电话';
 }
 else {
  if ($("#txtMobileTel").val() != "" && $("#txtContactTel").val() != "") {
   if (($("#txtMobileTel").val()).search(/^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/) != -1) {
    if (($("#txtContactTel").val()).search(/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/) != -1) { return true } else {
     return "座机电话格式错误";
    }
   } else {
    return "移动电话格式错误";
   }
  } else {
   if ($("#txtMobileTel").val() != "") {
    if (($("#txtMobileTel").val()).search(/^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/) != -1) { return true } else {
     return "移动电话格式错误";
    }
   }
   if ($("#txtContactTel").val() != "") {
    if (($("#txtContactTel").val()).search(/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/) != -1) { return true } else {
     return "座机电话格式错误";
    }
   }
  }
};

Salin selepas log masuk

Contoh 2: lungsur turun bertingkat rantau, apabila tiada lungsur rantau kedua untuk membatalkan pengesahan.

Lata wilayah, bandar dan wilayah

$("#ddlOne").formValidator({ onshow: "请选择省市", onfocus: "省市必须选择", oncorrect: "输入正确" }).inputValidator({ min: 1, onerror: "请选择有效的地区" }).functionValidator({ fun: city });
 $("#ddlTwo").formValidator({ onshow: "请选择城市", onfocus: "城市必须选择", oncorrect: "输入正确" }).inputValidator({ min: 1, onerror: "请选择有效的地区" });
function city(val, elem) {
 var a = "";
 $.getJSON("../Customer/Area.ashx?parentid=" + $("#ddlOne option:selected").val(), null, function(json) { 
  if (json[0].areacode == "0") {
   $("#ddlTwo").attr("disabled", true).unFormValidator(true); //解除校验
  }
  else {
   $("#ddlTwo").attr("disabled", false).unFormValidator(false); //恢复校验
  }
 });
}

Salin selepas log masuk

Pengesahan yang biasa digunakan:

Integer:

Salin kod Kod adalah seperti berikut:
$("#zs").formValidator({onshow:"Sila masukkan integer" ,oncorrect:"Terima kasih atas kerjasama anda, integer anda betul"}).regexValidator({regexp:"intege",datatype:"enum",onerror:"Format integer tidak betul"});

Integer positif:

Salin kod Kod adalah seperti berikut:

$("#zzs").formValidator({onshow:"Sila masukkan integer positif", salah:"Terima kasih atas kerjasama anda, integer positif anda betul"}).regexValidator({regexp:"intege1",datatype: "enum ",onerror:"Format integer positif tidak betul"});

Integer negatif:

Salin kod Kod adalah seperti berikut:

$("#fzs").formValidator({onshow:"Sila masukkan integer negatif", salah:"Terima kasih atas kerjasama anda, integer negatif anda betul"}).regexValidator({regexp:"intege2",datatype: "enum ",onerror:"Format integer negatif tidak betul"});

Nombor positif:

Salin kod Kod adalah seperti berikut:

$("#zs1").formValidator({onshow:"Sila masukkan nombor positif", salah:"Terima kasih atas kerjasama anda, nombor positif anda adalah betul"}).regexValidator({regexp:"num1",datatype: "enum ",onerror:"Format nombor positif tidak betul"});

Nombor:

Salin kod Kod adalah seperti berikut:

$("#sz").formValidator({onshow:"Sila masukkan nombor",salah:"Terima kasih atas kerjasama anda, nombor anda betul"}).regexValidator({regexp:"num",datatype:"enum ", onerror:"Format nombor tidak betul"});

Nombor negatif:

Salin kod Kod adalah seperti berikut:

$("#fs").formValidator({onshow:"Sila masukkan nombor negatif", salah:"Terima kasih atas kerjasama anda, nombor negatif anda adalah betul"}).regexValidator({regexp:"num2",datatype: "enum", onerror:"Format nombor negatif tidak betul"});

Nombor titik terapung:

$("#zfds").formValidator({onshow:"请输入正浮点数",oncorrect:"谢谢你的合作,你的正浮点数正确"}).regexValidator({regexp:"decmal1",datatype:"enum",onerror:"正浮点数格式不正确"});
$("#ffds").formValidator({onshow:"请输入负浮点数",oncorrect:"谢谢你的合作,你的负浮点数正确"}).regexValidator({regexp:"decmal2",datatype:"enum",onerror:"负浮点数格式不正确"});
$("#fffds").formValidator({onshow:"请输入非负浮点数",oncorrect:"谢谢你的合作,你的非负浮点数正确"}).regexValidator({regexp:"decmal4",datatype:"enum",onerror:"非负浮点数格式不正确"});
$("#fzfds").formValidator({onshow:"请输入非正浮点数",oncorrect:"谢谢你的合作,你的非正浮点数正确"}).regexValidator({regexp:"decmal5",datatype:"enum",onerror:"非正浮点数格式不正确"});

Salin selepas log masuk

Telefon mudah alih:

Salin kod Kod adalah seperti berikut:

$("#sj") }) .regexValidator({regexp:"mobile",datatype:"enum",onerror:"Format nombor telefon mudah alih tidak betul"});

Talian Tetap:

Salin kod Kod adalah seperti berikut:

$("#dh") nombor telefon betul"}) .regexValidator({regexp:"tel",datatype:"enum",onerror:"Format telefon domestik salah"});

E-mel:

Salin kod Kod adalah seperti berikut:

$("#email").formValidator({onshow:"Sila masukkan e-mel anda",onfocus:"Sila beri perhatian kepada format e-mel yang anda masukkan, contohnya: wzmaodong@126.com",oncorrect:"Terima kasih kerana anda kerjasama, anda E-mel adalah betul"}).regexValidator({regexp:"email",datatype:"enum",onerror:"format e-mel tidak betul"});

Poskod:

Salin kod Kod adalah seperti berikut:

$("#yb").formValidator({onshow:"Sila masukkan poskod",onfocus:"Ia terdiri daripada 6 digit",salah:"Terima kasih atas kerjasama anda, poskod anda betul"}).regexValidator ({regexp :"zipcode",datatype:"enum",onerror:"Format kod zip tidak betul"});

SQ:

Salin kod Kod adalah seperti berikut:

$("#qq").formValidator({onshow:"Sila masukkan nombor QQ anda", salah:"Terima kasih atas kerjasama anda, nombor QQ anda betul"}).regexValidator({regexp:"qq",datatype: "enum ",onerror:"Format nombor QQ tidak betul"});

Kad pengenalan:

Salin kod Kod adalah seperti berikut:

$("#sfz").formValidator({onshow:"Sila masukkan kad ID anda",salah:"Terima kasih atas kerjasama anda, kad ID anda betul"}).regexValidator({regexp:"idcard",datatype: "enum ",onerror:"Format kad ID tidak betul"});

Surat:

Salin kod Kod adalah seperti berikut:

$("#zm").formValidator({onshow:"Sila masukkan huruf",tidak betul:"Terima kasih atas kerjasama anda, surat anda betul"}).regexValidator({regexp:"letter",datatype:"enum" , onerror:"Format surat tidak betul"});

Huruf besar:

Salin kod Kod adalah seperti berikut:

$("#dxzm").formValidator({onshow:"Sila masukkan huruf besar",salah:"Terima kasih atas kerjasama anda, huruf besar anda betul"}).regexValidator({regexp:"letter_u",datatype:" enum ",onerror:"Format huruf besar tidak betul"});

Huruf kecil:

Salin kod Kod adalah seperti berikut:

$("#xxzm").formValidator({onshow:"Sila masukkan huruf kecil", salah:"Terima kasih atas kerjasama anda, huruf kecil anda betul"}).regexValidator({regexp:"letter_l",datatype:" enum ",onerror:"Format huruf kecil tidak betul"});

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara cepat menyediakan avatar tersuai dalam Netflix Cara cepat menyediakan avatar tersuai dalam Netflix Feb 19, 2024 pm 06:33 PM

Avatar di Netflix ialah representasi visual identiti penstriman anda. Pengguna boleh melangkaui avatar lalai untuk menyatakan keperibadian mereka. Teruskan membaca artikel ini untuk mengetahui cara menetapkan gambar profil tersuai dalam apl Netflix. Cara cepat menetapkan avatar tersuai dalam Netflix Dalam Netflix, tiada ciri terbina dalam untuk menetapkan gambar profil. Walau bagaimanapun, anda boleh melakukan ini dengan memasang sambungan Netflix pada penyemak imbas anda. Mula-mula, pasang gambar profil tersuai untuk sambungan Netflix pada penyemak imbas anda. Anda boleh membelinya di kedai Chrome. Selepas memasang sambungan, buka Netflix pada penyemak imbas anda dan log masuk ke akaun anda. Navigasi ke profil anda di penjuru kanan sebelah atas dan klik

Bagaimana untuk menyesuaikan imej latar belakang dalam Win11 Bagaimana untuk menyesuaikan imej latar belakang dalam Win11 Jun 30, 2023 pm 08:45 PM

Bagaimana untuk menyesuaikan imej latar belakang dalam Win11? Dalam sistem win11 yang baru dikeluarkan, terdapat banyak fungsi tersuai, tetapi ramai rakan tidak tahu cara menggunakan fungsi ini. Sesetengah rakan berpendapat bahawa imej latar belakang agak monoton dan ingin menyesuaikan imej latar belakang, tetapi tidak tahu bagaimana untuk menyesuaikan imej latar belakang Jika anda tidak tahu bagaimana untuk menentukan imej latar belakang, editor telah menyusun langkah-langkah untuk sesuaikan imej latar belakang dalam Win11 di bawah Jika anda berminat Jika ya, lihat di bawah! Langkah-langkah untuk menyesuaikan imej latar belakang dalam Win11: 1. Klik butang menang pada desktop dan klik Tetapan dalam menu pop timbul, seperti yang ditunjukkan dalam rajah. 2. Masukkan menu tetapan dan klik Pemperibadian, seperti yang ditunjukkan dalam rajah. 3. Masukkan Pemperibadian dan klik pada Latar Belakang, seperti yang ditunjukkan dalam gambar. 4. Masukkan tetapan latar belakang dan klik untuk menyemak imbas gambar

Bagaimana untuk mencipta dan menyesuaikan gambar rajah Venn dalam Python? Bagaimana untuk mencipta dan menyesuaikan gambar rajah Venn dalam Python? Sep 14, 2023 pm 02:37 PM

Gambar rajah Venn ialah gambar rajah yang digunakan untuk mewakili hubungan antara set. Untuk mencipta rajah Venn kita akan menggunakan matplotlib. Matplotlib ialah perpustakaan visualisasi data yang biasa digunakan dalam Python untuk mencipta carta dan graf interaktif. Ia juga digunakan untuk mencipta imej dan carta interaktif. Matplotlib menyediakan banyak fungsi untuk menyesuaikan carta dan graf. Dalam tutorial ini, kami akan menggambarkan tiga contoh untuk menyesuaikan gambar rajah Venn. Terjemahan Bahasa Cina Contoh ialah: Contoh Ini adalah contoh mudah untuk mencipta persilangan dua gambar rajah Venn terlebih dahulu, kami mengimport perpustakaan yang diperlukan dan venn yang diimport; Kemudian kami mencipta set data sebagai set Python, selepas itu kami menggunakan fungsi "venn2()" untuk mencipta

Bagaimana untuk membuat penomboran tersuai dalam CakePHP? Bagaimana untuk membuat penomboran tersuai dalam CakePHP? Jun 04, 2023 am 08:32 AM

CakePHP ialah rangka kerja PHP yang berkuasa yang menyediakan pembangun dengan banyak alat dan ciri berguna. Salah satu daripadanya ialah penomboran, yang membantu kami membahagikan sejumlah besar data kepada beberapa halaman, menjadikan penyemakan imbas dan manipulasi lebih mudah. Secara lalai, CakePHP menyediakan beberapa kaedah penomboran asas, tetapi kadangkala anda mungkin perlu mencipta beberapa kaedah penomboran tersuai. Artikel ini akan menunjukkan kepada anda cara membuat penomboran tersuai dalam CakePHP. Langkah 1: Cipta kelas penomboran tersuai Pertama, kita perlu mencipta kelas penomboran tersuai. ini

fungsi render dalam Vue3: fungsi rendering tersuai fungsi render dalam Vue3: fungsi rendering tersuai Jun 18, 2023 pm 06:43 PM

Vue ialah rangka kerja JavaScript popular yang menyediakan banyak fungsi dan API yang mudah untuk membantu pembangun membina aplikasi bahagian hadapan interaktif. Dengan keluaran Vue3, fungsi render telah menjadi kemas kini penting. Artikel ini akan memperkenalkan konsep dan tujuan fungsi render dalam Vue3 dan cara menggunakannya untuk menyesuaikan fungsi rendering. Apakah fungsi render? Dalam Vue, templat ialah kaedah rendering yang paling biasa digunakan, tetapi dalam Vue3, anda boleh menggunakan kaedah lain: r

Cara mendayakan dan menyesuaikan silang pudar dalam Apple Music pada iPhone dengan iOS 17 Cara mendayakan dan menyesuaikan silang pudar dalam Apple Music pada iPhone dengan iOS 17 Jun 28, 2023 pm 12:14 PM

Kemas kini iOS 17 untuk iPhone membawa beberapa perubahan besar kepada Apple Music. Ini termasuk bekerjasama dengan pengguna lain pada senarai main, memulakan main balik muzik daripada peranti berbeza apabila menggunakan CarPlay dan banyak lagi. Salah satu ciri baharu ini ialah keupayaan untuk menggunakan silang pudar dalam Apple Music. Ini akan membolehkan anda beralih dengan lancar antara trek, yang merupakan ciri hebat apabila mendengar berbilang lagu. Crossfading membantu meningkatkan keseluruhan pengalaman mendengar, memastikan anda tidak terkejut atau terkeluar daripada pengalaman apabila trek berubah. Jadi, jika anda ingin memanfaatkan sepenuhnya ciri baharu ini, berikut ialah cara menggunakannya pada iPhone anda. Cara Mendayakan dan Menyesuaikan Crossfade untuk Muzik Apple Anda Memerlukan Yang Terkini

Bagaimana untuk melaksanakan perisian tengah tersuai dalam CodeIgniter Bagaimana untuk melaksanakan perisian tengah tersuai dalam CodeIgniter Jul 29, 2023 am 10:53 AM

Cara melaksanakan middleware tersuai dalam CodeIgniter Pengenalan: Dalam pembangunan web moden, middleware memainkan peranan penting dalam aplikasi. Ia boleh digunakan untuk melaksanakan beberapa logik pemprosesan yang dikongsi sebelum atau selepas permintaan sampai kepada pengawal. CodeIgniter, sebagai rangka kerja PHP yang popular, juga menyokong penggunaan middleware. Artikel ini akan memperkenalkan cara untuk melaksanakan perisian tengah tersuai dalam CodeIgniter dan memberikan contoh kod mudah. Gambaran keseluruhan Middleware: Middleware ialah sejenis permintaan

Bagaimana untuk menyesuaikan tetapan kekunci pintasan dalam Eclipse Bagaimana untuk menyesuaikan tetapan kekunci pintasan dalam Eclipse Jan 28, 2024 am 10:01 AM

Bagaimana untuk menyesuaikan tetapan kekunci pintasan dalam Eclipse? Sebagai pembangun, menguasai kekunci pintasan ialah salah satu kunci untuk meningkatkan kecekapan semasa pengekodan dalam Eclipse. Sebagai persekitaran pembangunan bersepadu yang berkuasa, Eclipse bukan sahaja menyediakan banyak kekunci pintasan lalai, tetapi juga membenarkan pengguna untuk menyesuaikannya mengikut keutamaan mereka sendiri. Artikel ini akan memperkenalkan cara untuk menyesuaikan tetapan kekunci pintasan dalam Eclipse dan memberikan contoh kod khusus. Buka Eclipse First, buka Eclipse dan masukkan

See all articles