lima demo pengesahan bentuk jQuery yang sangat baik
Plugin pengesahan bentuk yang banyak disediakan, tetapi di sini terdapat lima demo berkuasa jQuery terkemuka yang mempamerkan teknik pengesahan bentuk yang berkesan.
Sumber & Demo 1: Plugin Pengesahan JQuery
Plugin ini memudahkan pengesahan borang pelanggan semasa menyediakan pilihan penyesuaian yang luas.
Sumber & Demo 2: Plugin Pengesahan JQuery - Themerollered
Demo yang menarik secara visual menggunakan tema Themeroller.
Sumber & Demo 3: JQuery Validate Demo dengan Twitter Bootstrap Styling
Demo ini mengintegrasikan plugin dengan rangka kerja Twitter Bootstrap yang popular untuk gaya yang dipertingkatkan.
Sumber & Demo 4: Borang Pengesahan JQuery Asas
Demo mudah yang menggambarkan kemudahan pengesahan bentuk dengan jQuery dan plugin pengesahannya, menggunakan peraturan pengesahan input asas.
Sumber & Demo 5: Contoh Pengesahan Borang Ajax
Demo ini membentangkan dua contoh pengesahan borang klien menggunakan JavaScript (dengan jQuery) dan Ajax untuk pemprosesan sisi pelayan.
Soalan Lazim (Soalan Lazim)
Menyesuaikan Mesej Ralat: Mudah menyesuaikan mesej ralat menggunakan pilihan messages
dalam kaedah validate
. Tentukan mesej tersuai untuk setiap bidang dan peraturan pengesahan. Contohnya:
$("#myForm").validate({ rules: { name: { required: true, minlength: 2 } }, messages: { name: { required: "Please enter your name", minlength: "Name must be at least 2 characters" } } });
Pengesahan e-mel: Peraturan terbina dalam mengendalikan pengesahan e-mel. email
$("#myForm").validate({ rules: { email: { required: true, email: true } } });
Pengesahan penyerahan borang: Kaedah secara automatik mengesahkan penyerahan. Cukup panggil validate
pada borang anda. validate()
Integrasi Ajax: Gunakan pilihan untuk memproses penyerahan borang melalui Ajax. submitHandler
$("#myForm").validate({ submitHandler: function(form) { $.ajax({ type: "POST", url: "/submit", data: $(form).serialize(), success: function(response) { // Handle the response } }); return false; } });
Mengesahkan kotak semak, pilih medan, medan berganda, input fail, nombor, dan tarikh: Peraturan berfungsi untuk kotak semak dan pilih medan. Fungsi boleh mengesahkan pelbagai bidang dengan nama yang sama. Peraturan required
juga terpakai kepada input fail. Gunakan required
dan number
peraturan untuk pengesahan nombor dan tarikh masing -masing. Rujuk artikel asal untuk contoh terperinci masing -masing. date
Atas ialah kandungan terperinci 5 JQuery Validate Form Demo. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!