Tanpa basa-basi lagi, artikel ini akan berbagi dengan Anda dua bagian kode, bagian pertama dari kode HTML front-end dan bagian kedua dari kode JS. Kode ini sederhana dan mudah dimengerti. Kode kuncinya adalah sebagai berikut:
Kode HTML front-end
<Form id = "MyForm" Method = "POST" ACTION = "/TUGAS/TEST"> <SEV> <SEV> <LABEL> Nama tugas </LABEL> <DIV> <Input Type = "Text" Name = "Take Take" ID = "Take Take"/> </Div> </Div> <Div> <label> Nama assembly </label> <Div> <input type = "DIFT =" DIFT = "DELLOM =" DELLOM = "IDNOM =" "IDN" DIPLOM = "DIPLOM =" IDNOM = "DIPLOM =" IDPLOM = "DIPLOM =" IDPLOM = "DIPLOM =" DIPLOM = "" IDN "DIPLOM" DIFLOM = "TEKP =" /> </div> </div> <div> <label> Nama kelas </label> <ver> <input type = "text" name = "methodname" id = "methodname"/> </div> </div> <ver> <label> ekspresi cron </label> <Div> <input type = "text" name = "cron" id = "cron"/ Deskripsi </LABEL> <SEV> <INPUT TYPE = "TEXT" NAME = "CRONREMARK" ID = "CronRemark"/> </div> </div> <verv> <div> <label> <input type = "centang kotak" checked = "checked" id = "enabled"> <pan> Enable </span> </label> </Div> Div> Dived "> <pan> Enable </span> </label> </Div> type = "tombol" data-dismiss = "modal"> Tutup </button> <tombol type = "kirim"> Kirim </button> </div> </form>
JS
<script> $ (dokumen) .ready (function () {$ ("#myForm"). BootstrapValidator ({pesan: 'Nilai ini tidak valid', umpan balik: {valid: 'Glyphicon glyphicon-ok', tidak valid: 'Glificon Glichicon-Remphicon', 'GLYPHICON', 'GLYPHICON' GLYPHICON ',' GLYPHICON ',' GLYPHICON ',' GLYPHICON ',' GLYPHICON ',' GLYPHICON ',' GLYPHICON ',' GLYPHICON ', GLYPHICON:' GLYPHICON ',' GLYPHICON ', GLYPHICON:' GLYPHICON: 'GLYPHICON', 'GLYPHICON', ' {Taken: {Validators: {notempty: {pesan: 'Nama tugas tidak dapat kosong'}}}}, dllname: {validator: {notempty: {pesan: 'nama perakitan tidak dapat dikosongkan correct: {"valid",true} // url: '/Task/Test3',//Verification address// message: 'The user already exists',//prompt message// delay :3000,// type: 'POST',//Request method/// /**Custom submit data, default value submits the current input value// * data: function(validator) {// return {// password: $ ('[name = "PasswordNeTeattributeInyourform"]'). Val (), // Apapun: $ ('[name = "Apapun yang BERBAIKITREITYOURTFORM"]'). Val () //}; //} // *//},}}, MethodName: {validators: {notempty: {crolon {{{not {{{not {{{not {{{not {{not {{cl Clive: {notempty: {pesan: 'ekspresi cron tidak dapat kosong'}}}}}, submithandler: function (validator, form, submitbutton) {var taskData = {}; taskData.taskname = $ ('#Take'). Val (); TaskData.Dllpath = $ ('). = $ ('#methodName'). Val (); TaskData.Cronexpression = $ ('#cron'). Val (); TaskData.remark = $ ('#cronremark'). Val (); TaskData.enabled = $ ('#memungkinkan'). adalah (': checked'); $. "/Tugas/AddTask", Data: TaskData, Success: Function (Data) {waspada (data); $ ('#myForm'). Data ('BootstrapValidator'). Resetform (true);}});}})}) </script>Metode ini adalah pengiriman AJAX, dan acara pengiriman ditulis di Submithandler
Di atas adalah pengetahuan yang relevan tentang penggunaan kontrol verifikasi bootstrap yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!