Pelajari pemalam jQuery dengan cepat Cara menggunakan pemalam pengesahan borang jquery.validate.js

Peristiwa yang paling biasa untuk menggunakan JavaScript ialah pengesahan borang, dan jQuery, sebagai perpustakaan JavaScript yang sangat baik, juga menyediakan pemalam pengesahan borang yang sangat baik----Pengesahan. Pengesahan ialah salah satu pemalam jQuery tertua, telah disahkan oleh projek yang berbeza di seluruh dunia, dan telah dipuji oleh banyak pembangun web. Sebagai perpustakaan kaedah pengesahan standard, Pengesahan mempunyai ciri-ciri berikut:

• 1. Peraturan pengesahan terbina dalam: Terdapat 19 jenis peraturan pengesahan terbina dalam seperti yang diperlukan, nombor, e-mel, URL dan nombor kad kredit
• 2. Peraturan pengesahan tersuai: Peraturan pengesahan boleh disesuaikan dengan mudah
• 3. Gesaan maklumat pengesahan yang ringkas dan berkuasa: Gesaan maklumat pengesahan disediakan secara lalai dan menyediakan fungsi untuk menyesuaikan maklumat gesaan lalai
• 4. Pengesahan masa nyata: Pengesahan mungkin dicetuskan melalui acara keyup atau kabur, bukan hanya apabila borang diserahkan

Penggunaan:
1. Memperkenalkan perpustakaan jQuery dan pemalam Pengesahan

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> 
<script src="scripts/jquery.validate.js" type="text/javascript"></script> 

2. Tentukan borang yang perlu disahkan

<script type="text/javascript"> 
////<![CDATA[ 
$(document).ready(function(){ 
  $("#commentForm").validate(); 
}); 
//]]> 
</script> 

3. Kodkan peraturan pengesahan untuk medan yang berbeza dan tetapkan atribut medan yang sepadan

class="required"  必须填写 
class="required email"    必须填写且内容符合Email格式验证 
class="url"       符合URL格式验证 
minlength="2"   最小长度为2 

Terdapat 19 jenis peraturan yang boleh disahkan:
diperlukan: Medan yang diperlukan
jarak jauh:     "Sila betulkan medan ini",
e-mel:                                                                                                                                                                                                                                                                                                             url: pengesahan URL
tarikh: Pengesahan tarikh dateISO: Pengesahan tarikh (ISO)
dateDE:
nombor: Pengesahan nombor
nomborDE:
digit:                                                                                                                                                                                                                                                                                                                                                            
kad kredit:
Pengesahan nombor kad kredit
sama dengan: "Sila masukkan nilai yang sama sekali lagi" pengesahan
terima:  Pengesahan rentetan dengan nama akhiran sah
panjang maksima/panjang min: Pengesahan panjang maksimum/minimum
panjang julat: Pengesahan julat panjang rentetan
julat:                                                                                                                                                                                                                     maks/min:                                                                   Kaedah pengesahan lain (tulis semua maklumat berkaitan pengesahan ke dalam atribut kelas untuk pengurusan mudah)
1). Memperkenalkan pemalam jQuery baharu
---jquery.metadata.js (pemalam jQuery yang menyokong penghuraian format tetap)

Salin kod Kod adalah seperti berikut:

98d667c5bf60eeab086d09ab108074482cacc6d41bbb37262a98f745aa00fbf0 2). Tukar kaedah pengesahan yang dipanggil

3). Tulis semua peraturan pengesahan ke dalam atribut kelas

<script type="text/javascript"> 
////<![CDATA[ 
$(document).ready(function(){ 
  //将$("#commentForm").validate(); 改成 
  $("#commentForm").validate({meta: "validate"}); 
}); 
//]]> 
</script> 

Anda juga boleh menggunakan atribut nama untuk mengaitkan medan dan peraturan pengesahan (tingkah laku pengesahan dipisahkan sepenuhnya daripada struktur HTML)

class="{validate:{required: true, minlength: 2, messages:{required:'请输入姓名', minlength:'请至少输入两个字符'}}}" 
class="{validate:{required: true, email: true, messages:{required:'请输入电子邮件', email:'请检查电子邮件的格式'}}}"    

Pengantarabangsaan

Bahasa lalai bagi maklumat pengesahan pemalam Pengesahan ialah bahasa Inggeris Jika anda ingin menukarnya kepada bahasa Cina, anda hanya perlu mengimport maklumat pengesahan bahasa Cina yang disediakan oleh Pengesahan Kod import adalah seperti berikut:

$("#commentForm").validate({ 
  rules: { 
   username: { 
     required: true, 
     minlength: 2 
   }, 
   email: { 
     required: true, 
     email: true 
   }, 
   url:"url", 
   comment: "required" 
  }, 
  messages: { 
   username: { 
     required: '请输入姓名', 
     minlength: '请至少输入两个字符' 
   }, 
   email: { 
     required: '请输入电子邮件', 
     email: '请检查电子邮件的格式' 
   }, 
   url: '请检查网址的格式', 
   comment: '请输入您的评论' 
  } 
}); 

Salin kod Kod adalah seperti berikut:
74a3dc977ed43659dfb5ae01eeede0ed2cacc6d41bbb37262a98f745aa00fbf0

Sesuaikan maklumat pengesahan dan cantikkan Peraturan pengesahan tersuai

Di atas ialah pengenalan terperinci kepada pemalam pengesahan borang jquery.validate.js, saya harap ia dapat membantu pembelajaran semua orang.