Gunakan Saly_easy_field_validation_with_prototype untuk verifikasi formulir, konten spesifik adalah sebagai berikut
1. Langkah pertama tentu saja untuk memperkenalkan file JS dan CSS terlebih dahulu.
<link href="${ ctx}/skin/css/validation.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="${ ctx}/scripts/prototype.js"></script> <script type="text/javascript" src="${ ctx} /scripts/validation.js "> </script>2. Lalu saya menambahkan kode berikut di awal halaman (saya memasukkan kode ini di meta.jsp karena setiap JSP berisi di header.)
function afterloaded () {if (document.all) {var forms = document.forms; if (forms.length> 0) {for (var i = 0; i <forms.length; i ++) {if (Forms [i] ["Method: save"]) validasi baru (bentuk [i]); }} window.clearInterval (inteval); integer = null; }} var integer = window.setInterval ("fterloaded ();", 500);3. Jika Anda ingin memverifikasi kotak input, cukup tambahkan beberapa logo ke kelasnya. menyukai
Salin kode kode sebagai berikut: <input type = "text" name = "payable.howmuch" value = "" id = "payable_howmuch"/>
Ini berarti bahwa bidang ini diperlukan dan perlu menjadi angka. Untuk konten lainnya, lihat saja kode di akhir validasi.js dan Anda akan mengerti.
4. Selain itu, saya membuat beberapa modifikasi untuk validasi.js, karena salah satu formulir kami memiliki beberapa tombol kirim, dan umumnya hanya nama = metode: simpan tombol perlu dipicu saat diklik, sehingga verifikasi JS dimodifikasi.
Letakkan yang asli
Salinan kode adalah sebagai berikut: if (this.options.onsubmit) event.observe (this.form, 'kirim', this.onsubmit.bind (ini), false);
Berubah menjadi
Salinan kode adalah sebagai berikut: if (this.options.onsubmit) event.observe (this.form ["Metode: simpan"], 'klik', this.onsubmit.bind (ini), false);
Ada masalah dengan ini, tetapi untuk apa kita sekarang, ini lebih cocok.
5. CSS asli memiliki dampak pada tombol, dll., Jadi saya menghapus semua isi perbatasan tersebut.
6. Kerangka kerja verifikasi ini tampaknya hanya mempertimbangkan beberapa situasi. Jika Anda ingin menggunakannya secara fleksibel, Anda harus meluangkan waktu untuk memahaminya secara rinci. Ini juga menyediakan mekanisme panggilan balik. Setelah mengunduh versi aslinya, Anda dapat melihat demonstrasi di HTML.
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.