Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Cara menggunakan pemalam pengesahan dalam jQuery

Cara menggunakan pemalam pengesahan dalam jQuery

WBOY
Lepaskan: 2022-06-09 10:14:53
asal
1514 orang telah melayarinya

Dalam jQuery, pemalam pengesahan digunakan untuk pengesahan borang, yang boleh mengesahkan perkara yang dimasukkan pengguna dalam borang Pada masa yang sama, pemalam menyediakan sejumlah besar pilihan penyesuaian, termasuk URL dan pengesahan e-mel, dan menyediakan cara untuk menulis Untuk API kaedah yang ditentukan pengguna, pemalam yang dimuat turun boleh digunakan melalui "

Cara menggunakan pemalam pengesahan dalam jQuery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.4.1, komputer Dell G3.

Pemalam pengesahan dalam jQuery

Pemalam jQuery Validate menyediakan fungsi pengesahan yang berkuasa untuk borang, menjadikan pengesahan borang sebelah pelanggan lebih mudah. ​​Ia juga menyediakan sejumlah besar pilihan penyesuaian memenuhi keperluan pelbagai jenis permintaan. Pemalam ini menggabungkan satu set kaedah pengesahan yang berguna, termasuk URL dan pengesahan e-mel, dan menyediakan API untuk menulis kaedah yang ditentukan pengguna. Semua kaedah yang digabungkan menggunakan bahasa Inggeris untuk mesej ralat secara lalai dan telah diterjemahkan ke dalam 37 bahasa lain.

Peraturan pengesahan lalai adalah seperti berikut:

  • 1 diperlukan: Medan benar yang mesti dimasukkan.

  • 2 remote:"check.php" Gunakan kaedah ajax untuk memanggil check.php untuk mengesahkan nilai input.

  • 3 e-mel:true E-mel yang diformat dengan betul mesti dimasukkan.

  • 4 url:true Anda mesti memasukkan URL dalam format yang betul.

  • 5 date:true Tarikh dalam format yang betul mesti dimasukkan. Ralat pengesahan tarikh ie6, gunakan dengan berhati-hati.

  • 6 dateISO:true Anda mesti memasukkan tarikh (ISO) dalam format yang betul, contohnya: 2009-06-23, 1998/01/22. Hanya format yang disahkan, bukan kesahihannya.

  • 7 nombor:benar Anda mesti memasukkan nombor sah (nombor negatif, perpuluhan).

  • 8 digit:benar Anda mesti memasukkan integer.

  • 9 kad kredit: Nombor kad kredit yang sah mesti dimasukkan.

  • 10 equalTo:"#field" Nilai input mestilah sama dengan #field.

  • 11 terima: Masukkan rentetan dengan akhiran undang-undang (akhiran fail yang dimuat naik).

  • 12 panjang maksimum:5 Masukkan rentetan dengan panjang maksimum 5 (aksara Cina dikira sebagai satu aksara).

  • 13 minlength:10 Masukkan rentetan dengan panjang minimum 10 (aksara Cina dikira sebagai satu aksara).

  • 14 julat panjang:[5,10] Panjang input mestilah antara 5 dan 10 (aksara Cina dikira sebagai satu aksara).

  • julat 15:[5,10] Nilai input mestilah antara 5 dan 10.

  • 16 maks:5 Nilai input tidak boleh lebih daripada 5.

  • 17 min:10 Nilai input tidak boleh kurang daripada 10.

Contohnya adalah seperti berikut:

1 Salin pemalam borang yang dimuat turun ke folder project js

Cara menggunakan pemalam pengesahan dalam jQuery

Cara menggunakan pemalam pengesahan dalam jQuery

2 Diperkenalkan ke dalam halaman html

Cara menggunakan pemalam pengesahan dalam jQuery

Perkara untuk diperhatikan:

1 Pemalam yang akan diperkenalkan mesti betul Tidak boleh salah

2 Jika anda ingin memperkenalkan pustaka fail jQuery, pustaka fail jQuery mesti diperkenalkan terlebih dahulu sebelum pemalam Pemalam adalah berdasarkan pustaka jQuery

Tutorial video yang disyorkan:Tutorial video jQuery

Atas ialah kandungan terperinci Cara menggunakan pemalam pengesahan dalam jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan