当我加载页面时,Bootstrap验证器插件显示错误
Uncaught RangeError:String.replace()超出了最大调用堆栈大小。
当我删除输入的name属性时,没有错误。相同的代码正在另一页上工作,即使用相同的验证器& jquery文件。我只提取了这段代码,但仍显示错误。
这是代码
<html>
<head>
<title>title</title>
<!-- Bootstrap -->
<link href="http://localhost/my_sites/suzuki/web-reports/plugins/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- validator -->
<link href="http://localhost/my_sites/suzuki/web-reports/plugins/validator/bootstrapValidator.min.css" rel="stylesheet" />
</head>
<body>
<form id="f" action="f.php" method="post" >
<input type="number" id="b" name="b" value="0" />
<input type="submit" id="a" name="a" class="btn btn-primary pull-right" value="Save" />
</form>
<!-- jQuery -->
<!--jQuery v2.2.4-->
<script src="http://localhost/my_sites/suzuki/web-reports/plugins/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<!--Bootstrap v3.3.6-->
<script src="http://localhost/my_sites/suzuki/web-reports/plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- validator -->
<!--@version v0.5.3, built on 2014-11-05 9:14:18 PM-->
<script src="http://localhost/my_sites/suzuki/web-reports/plugins/validator/bootstrapValidator.min.js"></script>
<script>
$(document).ready(function() {
$('#f').bootstrapValidator();
});
</script>
</body>
</html>
这是错误
未捕获RangeError:超出最大调用堆栈大小 在String.replace() at fa(jquery.min.js:2) 在Function.fa.matches(jquery.min.js:2) 在Function.n.filter(jquery.min.js:2) 在z(jquery.min.js:2) 在n.fn.init.is(jquery.min.js:2) 在b._getMessageContainer(bootstrapValidator.min.js:11) 在b._getMessageContainer(bootstrapValidator.min.js:11) 在b._getMessageContainer(bootstrapValidator.min.js:11) at b._getMessageContainer(bootstrapValidator.min.js:11)
答案 0 :(得分:1)
如果您的表单不是由Bootstrap类构成的(包含字段和关联标签的元素没有表单组类),您将看到错误。 通过这个jsfiddle。你会得到一个解决方案
[1]: http://jsfiddle.net/Arkni/x7pooh99/