Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mencipta Peraturan Pengesahan jQuery Tersuai untuk Kumpulan Kotak Semak?

Bagaimana untuk Mencipta Peraturan Pengesahan jQuery Tersuai untuk Kumpulan Kotak Semak?

Linda Hamilton
Lepaskan: 2024-12-09 03:14:09
asal
878 orang telah melayarinya

How to Create a Custom jQuery Validation Rule for Checkbox Groups?

Buat Peraturan Pengesahan jQuery Tersuai untuk Input Borang

Untuk memastikan integriti data dan mengelakkan penyerahan tidak sah dalam borang web anda, jQuery Validate pemalam ialah alat yang berharga. Fleksibilitinya membolehkan anda membuat peraturan pengesahan tersuai untuk memenuhi keperluan khusus anda. Panduan ini menunjukkan cara membuat peraturan tersuai yang mudah menggunakan pemalam Pengesahan jQuery.

Soalan: Bagaimanakah saya boleh mencipta peraturan pengesahan tersuai untuk memastikan sekurang-kurangnya satu kotak pilihan dalam kumpulan ditandakan ?

Jawapan:

Untuk mencapai ini, anda boleh menggunakan Fungsi addMethod jQuery dalam pemalam Sahkan:

jQuery.validator.addMethod("checkboxChecked", function(value, element) {
    return $(element).siblings('input[type="checkbox"]').is(':checked');
}, "* Please ensure at least one checkbox is selected");
Salin selepas log masuk

Peraturan tersuai ini, dinamakan "checkboxChecked," mengesahkan sama ada mana-mana kotak pilihan adik-beradik dalam elemen induk yang sama ditandakan. Jika tiada yang disemak, pengesahan gagal.

Penggunaan:

Menyepadukan peraturan ini ke dalam proses pengesahan borang anda adalah mudah:

$('form').validate({
    rules: {
        checkboxGroup: { checkboxChecked: true }
    }
});
Salin selepas log masuk

Oleh menggunakan peraturan "checkboxChecked" pada elemen borang "checkboxGroup", anda memastikan bahawa ia berjaya mengesahkan hanya apabila pada sekurang-kurangnya satu kotak pilihan dalam kumpulan itu ditandakan.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Peraturan Pengesahan jQuery Tersuai untuk Kumpulan Kotak Semak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan