"."/> ".">
cari
Rumahhujung hadapan webSoal Jawab bahagian hadapanCara menggunakan pemalam pengesahan dalam jQuery

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!

Kenyataan
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
Apakah batasan React?Apakah batasan React?May 02, 2025 am 12:26 AM

React'slimitationscincu: 1) asteeplearningcurveduetoitsvastecosystem, 2) seochallengeswithclient-siderendering, 3) potensiperformanceisseSsueSinlarGeapplications, 4) complexstatemanagementasappsgrow, dan5) theneedtokeepupwithitshiteVolution.terichePupePher.

Kurva Pembelajaran React: Cabaran untuk pemaju baruKurva Pembelajaran React: Cabaran untuk pemaju baruMay 02, 2025 am 12:24 AM

ReactischallengingforbeginnersduetoitssteeplearningcurveandParadigmshifttocomponent-rasedarchitecture.1) permulaan

Menjana kekunci yang stabil dan unik untuk senarai dinamik dalam ReactMenjana kekunci yang stabil dan unik untuk senarai dinamik dalam ReactMay 02, 2025 am 12:22 AM

ThecorechallengeingeneratingsTableAnduniqueysfordynamicListSinreactisensuringingconsistententidentifiersacrossre-renderforefficientdomupdates.1) usenaturalkeyshenpossible, astheyarereliafuniqueandstable.2) GeneratesYntheticeSbaseSbasedonMultonmultRase

Keletihan JavaScript: Tinggal semasa dengan React dan alatnyaKeletihan JavaScript: Tinggal semasa dengan React dan alatnyaMay 02, 2025 am 12:19 AM

JavaScriptfatigueinReactismanageablewithstrategieslikejust-in-timelearningandcuratedinformationsources.1)Learnwhatyouneedwhenyouneedit,focusingonprojectrelevance.2)FollowkeyblogsliketheofficialReactblogandengagewithcommunitieslikeReactifluxonDiscordt

Komponen Ujian yang Menggunakan Cangkuk UseState ()Komponen Ujian yang Menggunakan Cangkuk UseState ()May 02, 2025 am 12:13 AM

TotestreactcomponentsusingtheusestateHook, usejestandreacttestinglibrarytosimulateIntionsIntionsandverifyStateChangesIntheui.1)

Kekunci dalam React: menyelam mendalam ke dalam teknik pengoptimuman prestasiKekunci dalam React: menyelam mendalam ke dalam teknik pengoptimuman prestasiMay 01, 2025 am 12:25 AM

KeysinreactarecrucialForOptimizingPerformanceAdingInefficientListupdates.1) UsEkeyStoIdentifyandTrackListelements.2) EvoleUsingArtArrayindicesSeyStoPreventProventProveSsues.3) pemilihan yang boleh dikenali

Apakah kunci dalam React?Apakah kunci dalam React?May 01, 2025 am 12:25 AM

Reactkeysareuniqueidiersededwhenrenderingliststoimprovereconciliationeficiency.1) theHelpreacttrackChangesinListItems, 2) menggunakanStableAnduniquiDiersLikeitemidsisismended, 3) mengelakkanAringArtArayindicesSeyStopreVentisswithreordering, dan.

Kepentingan kunci unik dalam React: Mengelakkan perangkap biasaKepentingan kunci unik dalam React: Mengelakkan perangkap biasaMay 01, 2025 am 12:19 AM

UnikKeysarecrucialinreactoroptimizingRenderingAndMaintainingComponentStateIntrity.1) useanaturalUniquierifierifierFromyourdataifavailable.2) ifnonaturalalidentifierexists, generateauniquekeyusingalibraryLikeuUid.3)

See all articles

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

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Muat turun versi mac editor Atom

Muat turun versi mac editor Atom

Editor sumber terbuka yang paling popular

SublimeText3 versi Inggeris

SublimeText3 versi Inggeris

Disyorkan: Versi Win, menyokong gesaan kod!

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

PhpStorm versi Mac

PhpStorm versi Mac

Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.