Halaman apa pun yang melibatkan informasi pengeditan pengguna dan menyimpan melibatkan memeriksa apakah data memenuhi persyaratan, dan memerlukan verifikasi dari sisi klien dan server;
Verifikasi di sisi layanan pelanggan terutama untuk meningkatkan pengalaman pengguna, sementara verifikasi di sisi server adalah untuk memastikan kepatuhan data.
Plug-in ini juga mendukung verifikasi formulir untuk Anda. Tambahkan yang diperlukan: Sesuai dengan konfigurasi kolom yang perlu diverifikasi. Saat meregenerasi label di depan elemen formulir, A * akan secara otomatis dihasilkan di depan label, yang digunakan untuk meminta bahwa data dikolumsi ulang akan diverifikasi.
Verifikasi digunakan. Untuk penggunaan tertentu, silakan merujuk ke API validasi jQuery.
Kode ini adalah sebagai berikut (alamat halaman: https://github.com/xiexingen/boottrap-smartform/blob/master/demo/form5-validation.html):
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <itement> verifikasi bentuk </iteme> <meta name = "viewport" content = "width = device-width, skala awal = 1"> <tautan rel = "stylesheet" href = "../-scale = 1"> <tautan = "stylesheet" href = "../-css/boots.c. rel = "stylesheet" href = "../ css/site.css"> <script src = "../ lib/jquery.js"> </script> <script src = "../ lib/jQuery.validate.js"> </script> <script src = "../ lib/bootstrap src = "../ skrip/global.js"> </script> <!-plugin-> <script src = "../ skrip/plugin.js"> </script> </head> <body> <div> <ver> <label> formulir smart dengan verifikasi </label <Div> <kancing id = "btnsubm ID = "FormContainer"> </form> </div> <div> <div> <label> PENDAHULUAN </LABEL> </SEV> <SEV> <LABEL> VERIFIKASI Formulir </h3> <blockquote> <p> Gunakan validasi jQuery untuk validasi. Untuk metode verifikasi lainnya, silakan merujuk ke validasi jQuery. Verifikasi Kustom Global.fn.setDefaultValidator () Metode dalam file global.js, file diubah ke file alat, yang mendefinisikan banyak metode alat, termasuk serialisasi formulir, pemformatan tanggal, penilaian array, pengaturan verifikasi default, o/p> {var/puplic. eles = [[{label: {text: 'custom UserName: '}, ele: {type:' text ', name:' username ', judul:' nama pengguna: ', wajib: true}}, {ele: {type:' Radio ', nam e: 'sex', judul: 'gender:', item: [{text: 'Male', value: 1}, {text: 'female', value: 2}]}}, {ele: {type: 'centang kotak', Nama: 'Plant', Judul: 'Menggunakan Platform:', Item: [{Text: 'App', Value: 'App'}, {Text: 'Web', Value: 'Web'}]}} ], [{ELE: {type: 'SELECT', NAME: 'Province', title: 'Province:', withnull: true, item: [{text: 'Guangdong', value: 'gd'}, {text: 'hunan', value: 'hn'}]}}, {ele: {{pre: {pre: {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{pre type = "Radio"> '}, type:' Text ', nama:' displayName ', judul:' nama tampilan: '}}, {ele: {type:' cari ', judul:' produk ', id:' ProductName ', wajib: true}}], [Ele: {type:' datetime ', name:' Fromedate}}], {{{{{{{{{{{{{{{{{{{{', Periode: '}}, {ele: {type:' datetime ', nama:' todate ', judul:' ~ '},]]; // elemen bentuk tersembunyi terutama digunakan untuk mengedit. }). Render ('formContainer', function (bf) {var model = {primaryKey: 1, nama pengguna: 'xxg', seks: 1, tanaman: ['aplikasi', 'web'], provinsi: 'gd', displayname: 'test', productName: 'noteB ook ', Fromedate:' 2015-06-10 ', todate:' 2015-08-08 '}; bf.initformdata (model);}); $ ("#btnsubmit"). bind (' klik ', fungsi () {if (! $ ("#FormContainer"). Valid ()) {alert ("Verifikasi Gagal!");} else {var postdata = bsform.getFormData (); alert ("Data ekspresi yang diperoleh adalah:"+json.stringify (postdata); global.fn.setDefaultValidator (); // Tentukan aturan verifikasi $ ("#formContainer"). Validate ({aturan: {username: {wajib: true, minlength: 3, maxlength: 10}, productName: {wajib: true}}});}); </script> </script>Kolom Nama Pengguna dikonfigurasi dengan verifikasi pengisian dan panjang yang diperlukan. Antarmuka yang berjalan menghapus nilai nama pengguna. Anda dapat melihat efeknya saat mengirimkan formulir:
Rendering adalah sebagai berikut: