Rumah > hujung hadapan web > tutorial js > Pengesahan JQuery hanya mengesahkan borang yang dikemukakan

Pengesahan JQuery hanya mengesahkan borang yang dikemukakan

William Shakespeare
Lepaskan: 2025-02-26 08:47:08
asal
824 orang telah melayarinya

jQuery validation validate only on form submit

Apabila menggunakan plugin Pengesahan JQuery, anda mungkin mengalami pengesahan pengesahan ketika menaip dalam medan input. Ini adalah yang paling biasa apabila menggunakan peraturan pengesahan tersuai yang mencetuskan permintaan AJAX untuk mengesahkan input pengguna (contohnya, menyemak jika e -mel pengguna unik dalam pangkalan data). Pengalaman lag sangat mengerikan. Untuk menghapuskan pemeriksaan pengesahan berterusan, tambahkan parameter berikut ke fungsi pengesahan bentuk:

Oleh itu, fungsi pengesahan anda mungkin kelihatan seperti ini:
onkeyup: false,
onclick: false,
onfocusout: false,
Salin selepas log masuk

Opsyen Lain -lain
$("#form").validate({
    onkeyup: false,
    onclick: false,
    onfocusout: false,

    // 验证规则
    rules: {
        // ...
    },

    // 验证消息
    messages: {
        // ...
    },

    // 提交处理程序
    submitHandler: function(form) {
        // ...
    }
});
Salin selepas log masuk

$.validate() Soalan Lazim untuk Pengesahan dan Penyerahan Borang JQuery (FAQ)

messages: {},
groups: {},
rules: {},
errorClass: "error",
validClass: "valid",
errorElement: "label",
focusInvalid: true,
errorContainer: $([]),
errorLabelContainer: $([]),
onsubmit: true,
ignore: ":hidden",
ignoreTitle: false,
onfocusin: function(element, event) { ... },
onfocusout: function(element, event) { ... },
onkeyup: function(element, event) { ... },
onclick: function(element, event) { ... },
highlight: function(element, errorClass, validClass) { ... },
unhighlight: function(element, errorClass, validClass) { ... }
Salin selepas log masuk
Bagaimana menyesuaikan mesej ralat dalam pengesahan jQuery?

Plugin Pengesahan JQuery membolehkan anda menyesuaikan mesej ralat seperti yang diperlukan. Anda boleh melakukan ini dengan menggunakan pilihan

dalam kaedah

. Contohnya adalah seperti berikut:

.validate() messages Dalam contoh ini, jika medan "Nama" kosong, mesej ralat tersuai "Sila masukkan nama anda" akan dipaparkan. Jika medan "Nama" kurang daripada 2 aksara, "nama anda mesti mengandungi sekurang -kurangnya 2 aksara".

$("#myForm").validate({
    rules: {
        name: {
            required: true,
            minlength: 2
        }
    },
    messages: {
        name: {
            required: "请输入您的姓名",
            minlength: "您的姓名必须至少包含 2 个字符"
        }
    }
});
Salin selepas log masuk
Bagaimana menggunakan pengesahan jQuery pada pelbagai bentuk pada halaman yang sama?

Anda boleh menggunakan pengesahan jQuery untuk berbilang borang pada halaman yang sama dengan memanggil kaedah

secara berasingan untuk setiap borang. Contohnya adalah seperti berikut:

.validate() Dalam contoh ini,

dan
$("#form1").validate({
    // form1 的规则和消息
});

$("#form2").validate({
    // form2 的规则和消息
});
Salin selepas log masuk
adalah ID dari kedua -dua bentuk. Anda boleh menentukan peraturan dan mesej pengesahan berasingan untuk setiap borang.

#form1 Bagaimana menggunakan pengesahan jQuery dengan Ajax? #form2

anda boleh menggunakan pengesahan jQuery dengan Ajax dengan menggunakan pilihan

dalam kaedah

. Apabila borang itu sah, fungsi

dipanggil, di mana anda boleh menghantar borang melalui Ajax. Contohnya adalah seperti berikut: .validate() submitHandler submitHandler Dalam contoh ini, apabila borang itu sah, ia akan dikemukakan kepada URL "/Your-URL" melalui Ajax. Kaedah

digunakan untuk membuat rentetan teks notasi yang dikodkan URL standard.
$("#myForm").validate({
    rules: {
        // 您的规则
    },
    messages: {
        // 您的消息
    },
    submitHandler: function(form) {
        $.ajax({
            type: "POST",
            url: "/your-url",
            data: $(form).serialize(),
            success: function(response) {
                // 处理响应
            }
        });
    }
});
Salin selepas log masuk

Selebihnya kandungan FAQ adalah konsisten dengan teks asal. Anda boleh menyalin dan menyisipkan bahagian FAQ yang tersisa dari teks asal di sini seperti yang diperlukan untuk melengkapkan pseudo-asal seluruh dokumen. Perhatikan bahawa jawapan kepada setiap FAQ sedikit diselaraskan secara lisan untuk menjadikannya berbeza dari teks asal, tetapi dengan makna yang sama. $(form).serialize()

Atas ialah kandungan terperinci Pengesahan JQuery hanya mengesahkan borang yang dikemukakan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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