您的位置：首页 > Web前端 > BootStrap

bug宝典之bootstrap中bootstrapValidator 1

2016-11-04 09:33 267 查看
使用bootstrap和bootstrapvalidator的时候，提示这样的错误

Uncaught RangeError: Maximum call stack size exceeded


将异常展开，如下图所示，在bootstrapValidator.js中403



跟踪发现当group为
.form-group
时，提示报错



页面代码如下：

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<%@ include file="/WEB-INF/views/include/meta.jsp"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/common-css.jsp"%>
</head>
<body class="bg-login">
<div class="container login-header">
<div class="login-logo">
<div class="login-logo-zh">XXXX系统</div>
<div class="login-logo-en">XXXX XI TONG</div>
</div>
</div>
<div class="middle-box loginscreen bg-white" >
<div class="login-top"></div>
<div class="login-title text-center">
<h1>用户登录</h1>
</div>
<form role="form" class="form-horizontal" id="loginForm">
<div class="padding has-feedback">
<input type="text" class="form-control text-center" required id="username" name="username" placeholder="请输入用户名"/>
</div>
<div class="padding-horizontal padding-bottom has-feedback">
<input type="password" class="form-control text-center" required autocomplete="off" id="password" name="password" placeholder="请输入密   码"/>
</div>
<div class="row padding-horizontal padding-bottom has-feedback">
<div class="col-sm-6">
<input type="text" class="form-control text-center" id="captcha" name="captcha" placeholder="验证码" autocomplete="off">
</div>
<div class="col-sm-6">
<img alt="验证码" class="img-responsive" src="${ctx}/resources/images/kaptcha.jpg" title="点击更换" id="img_captcha" style="height:34px;" />
</div>
</div>
<div class="padding-horizontal padding-bottom">
<button type="button" class="btn btn-primary full-width" id="btnSubmit">登录</button>
</div>
</form>
</div>
</body>
<%@ include file="/WEB-INF/views/include/common-js.jsp"%>
<!-- 加载js文件 -->
<script>
require(['login']);
</script>

</html>


我的form中确实没有用form-group，看来bootstrapValidator的form校验此css样式是必须的。更正如下：

<form role="form" class="padding-horizontal " id="loginForm">
<div class="form-group has-feedback">
<input type="text" class="form-control text-center" required id="username" name="use
f3b2
rname" placeholder="请输入用户名"/>
</div>
<div class="form-group has-feedback">
<input type="password" class="form-control text-center" required autocomplete="off" id="password" name="password" placeholder="请输入密   码"/>
</div>
<div class="form-group has-feedback row ">
<div class="col-sm-6">
<input type="text" class="form-control text-center" id="captcha" name="captcha" placeholder="验证码" autocomplete="off">
</div>
<div class="col-sm-6">
<img alt="验证码" class="img-responsive" src="${ctx}/resources/images/kaptcha.jpg" title="点击更换" id="img_captcha" style="height:34px;" />
</div>
</div>
<div class="padding-bottom">
<button type="button" class="btn btn-primary full-width" id="btnSubmit">登录</button>
</div>
</form>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  bootstrapv
相关文章推荐
新的分享
章节导航