通过在千锋的第十六周的学习及老师的指导完成了Bootstrap Validator入门案例，通过这个设计进一步的加深了自己对于知识的了解，Bootstrap Validator入门案例是这一周之内所学的内容的总结。通过设计进一步的了解编程的乐趣，希望在以后的未来能够了解更多地编程知识，不断进步。

<%--引入bootstrap.css--%>
<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<%--引入BootstrapValidator.css--%>
<link href="${pageContext.request.contextPath}/bootstrapvalidator/css/bootstrapValidator.min.css" rel="stylesheet"><%--引入jquery.js--%>
<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
<%--引入Bootstrap.js--%>
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script>
<%--引入BootstrapValidator.js--%>
<script src="${pageContext.request.contextPath}/bootstrapvalidator/js/bootstrapValidator.min.js"></script><script>$(function () {//页面加载完成$("#myForm").bootstrapValidator({message : "this is not a valid field",//设置提示信息fields:{//设置要校验的字段集合username:{validators:{notEmpty:{},stringLength:{min:6,max:10},regexp:{regexp: /^[a-z0-9]{6,10}$/}}},password:{validators:{notEmpty:{},stringLength:{min:6,max:10},regexp:{regexp: /^[a-z0-9]{6,10}$/}}}}});})</script>

<div class="form-group">账户:<input type="text" name="username"><br>
</div>
<div class="form-group">密码:<input type="text" name="password"><br>
</div>
<div class="form-group"><button type="submit">提交</button>
</div>