Berdasarkan Bootstrap jQuery.validate Struktur projek amalan pengesahan borang: Alamat kod sumber pada github: https://github.com/starzou/front-end-example 1. kod borang borang [html] Salin kod Kod adalah seperti berikut: Bootstrap Form Template Form 示例 Name Password Intro Gender boy gril Hobby Music Game option1 option3 option3 Select 1 2 3 Serahkan Tetapkan semula <br> MyValidator.init(); <br> </skrip> <br> </badan> <br> </html> <br> </div> <p>需要引用jquery.js,bootstrap.js,jquery.validate.js 库</p> <p>2、form.js 代码[javascript]<br> </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="62351" class="copybut" id="copybut62351" onclick="doCopy('code62351')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code62351"> <br> var MyValidator = function() { <br> var handleSubmit = function() { <br> $('.form-horizontal').validate({ <br> errorElement : 'span', <br> errorClass : 'help-block', <br> focusInvalid : palsu, <br> peraturan : { <br> nama : { <br> diperlukan : benar <br> }, <br> kata laluan : { <br> diperlukan : benar <br> }, <br> intro : { <br> diperlukan : benar <br> } <br> }, <br> mesej : { <br> nama : { <br> diperlukan : "Nama pengguna diperlukan." <br> }, <br> kata laluan : { <br> diperlukan : "Kata laluan diperlukan." <br> }, <br> intro : { <br> diperlukan : "Pengenalan diperlukan." <br> } <br> }, <br> sorotan : fungsi(elemen) { <br> $(elemen) .closest('.form-group').addClass('hanya-error'); <br> }, <br> kejayaan : function(label) { <br> label.closest('.form-group').removeClass('hanya-error'); <br> label.remove(); <br> }, <br> ralatPlacement : fungsi(ralat, elemen) { <br> element.parent('div').append(error); <br> }, <br> submitHandler : fungsi(borang) { <br> form.submit(); <br> } <br> }); <br> $('.form-horizontal input').tekan kekunci(fungsi(e) { <br> jika (e.yang == 13) { <br>Jika ($('.form-horizontal').validate().form()) { <br> $('.form-horizontal').serahkan(); <br> pulangan palsu; }); <br> } <br> Kembali { <br> init : function() { <br> handleSubmit(); }; <br> }(); <br> <br><br> <br>Kesan: <br> <br> </div> <p></p> <p> <img src="/static/imghw/default1.png" data-src="http://files.jb51.net/file_images/article/201412/2014121609363213.jpg" class="lazy" alt=""></p> <p> <img src="/static/imghw/default1.png" data-src="http://files.jb51.net/file_images/article/201412/2014121609363214.jpg" class="lazy" alt=""></p> <p> <img src="/static/imghw/default1.png" data-src="http://files.jb51.net/file_images/article/201412/2014121609363215.jpg" class="lazy" alt="">Kesan khas yang cukup bagus untuk pengesahan borang saya mengesyorkannya kepada semua orang Rakan boleh menggunakannya dalam projek mereka sendiri dengan mencantikkannya secara bebas. </p>