<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="/finrst_maven/static/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="/finrst_maven/static/bootstrap/js/bootstrap.min.js"></script>
<script src="/finrst_maven/static/bootstrap/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="/finrst_maven/static/bootstrap/js/language/zh_CN.js"></script>
<title>登录</title>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">密码</label>
<div class="col-lg-5">
<input type="text" class="form-control" name="password" placeholder="密码" />
</div>
</div>
<div class="checkbox from-group">
<label class="col-lg-4 control-label">
<input type="checkbox" value="remember-me">
记住我 </label>
</div>
<button class="btn btn-primary" type="submit" id="validateBtn">登录</button>
</form>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#loginForm").bootstrapValidator({
feedbackIcons: {
validating: 'glyphicon glyphicon-refresh'
},
live: 'enabled',
message: '请填写完整字段信息',
fields: {
username: {
validators: {
notEmpty: {
message: '请填写用户名'
}
}
},
password:{
validators: {
notEmpty: {
message: '请填写密码'
}
}
}
}
});
});
// $('#validateBtn').click(function() {
// $('#loginForm').bootstrapValidator('validate');
// });
你不说问题,谁知道啊,
1。有不少html标签都没有闭合
2.密码框属性type应该为password而不是text
3.记住我中选type应该为radio而不是checkbox