输入类型=数字的Bootstrap验证器插件错误

时间:2018-04-06 10:29:47

标签: php jquery bootstrapvalidator

当我加载页面时,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)

1 个答案:

答案 0 :(得分:1)

如果您的表单不是由Bootstrap类构成的(包含字段和关联标签的元素没有表单组类),您将看到错误。 通过这个jsfiddle。你会得到一个解决方案

[1]: http://jsfiddle.net/Arkni/x7pooh99/