使用Bootstrap进行表单验证(jQuery) [英] Form Validation With Bootstrap (jQuery)

查看:144
本文介绍了使用Bootstrap进行表单验证(jQuery)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有人可以帮我用这段代码吗?我使用引导的形式,并试图用jQuery来验证它。不幸的是,表单验证并没有告诉我我做错了什么。我从 http://jqueryvalidation.org/documentation/ 获得了脚本,并且接受了一个用于客户端验证的教程。

 <!DOCTYPE html> 

< html>
< head>
< meta charset =utf = 8>
< meta name =viewportcontent =width = device-width,initial-scale = 1.0>
< script src =js / jquery.validate.min.js>< / script> //在线找到的脚本

< script>
$(document).ready(function(){

$('#contact-form')。validate(
{
rules:{
姓名:{
minlength:2,
必填:true
},
电子邮件:{
required:true,
email:true
},
消息:{
minlength:2,
required:true
}
},
highlight:function(element){$ b $ ($'$')$ b $,
成功:函数(元素){$ b $ ('。')。addClass('valid')
.closest('。control-group')。removeClass
}
});
}); //结束document.ready
< / script>

< / head>

< div class =hero-unit>
< h1>联络表单< / h1> < / BR>

< form method =POSTaction =contact-form-submission.phpclass =form-horizo​​ntalid =contact-form>
< div class =control-group>
< label class =control-labelfor =name>名称< / label>
< div class =controls>
< input type =textname =nameid =nameplaceholder =Your name>
< / div>
< / div>
< div class =control-group>
< label class =control-labelfor =email>电子邮件地址< / label>
< div class =controls>
< input type =textname =emailid =emailplaceholder =您的电子邮件地址>
< / div>
< / div>
< div class =control-group>
< label class =control-labelfor =subject> Subject< / label>
< div class =controls>
< select id =subjectname =subject>