BootstrapValidator引发的too much recursion-阿里云开发者社区

开发者社区> 沉默王二> 正文

BootstrapValidator引发的too much recursion

简介: BootstrapValidator引发的too much recursion
+关注继续查看

自从使用了BootstrapValidator之后,感觉非常漂亮,但却引发了很多个bug,too much recursion就是其中一种。


错误代码


<label>账户</label>
<input class="form-control" type="text" autofocus name="username" placeholder="请输入会员编号" autocomplete="off"
    data-bv-notempty />
<label>密码</label>
<input class="form-control" type="password" name="password"  placeholder="请输入登陆密码" data-bv-notempty/>
<div class="checkbox">
    <label> <input type="checkbox" value="1" /> 记住我的账号
    </label>
</div>

这样的写法对于BootstrapValidator是不符合规则的,虽然这样的写法看起并没有什么错误,但运行的时候就会提示too much recursion错误,那么经过多番调试后,发现,如果要使用BootstrapValidator,那么对于上面代码中的“账户label”和“账户 input”就必须加入到一个class为“form-group”的div中。


正确代码

<div class="form-group">
    <div class="row">
        <label>账户</label>
        <input class="form-control" type="text" autofocus name="username" placeholder="请输入会员编号" autocomplete="off"
            data-bv-notempty />
    </div>
</div>

<div class="form-group">
    <div class="row">
        <label>密码</label>
        <input class="form-control" type="password" name="password" autocomplete="off" data-bv-notempty placeholder="请输入登陆密码" />
    </div>
</div>

<div class="form-group">
    <div class="row">
        <div class="checkbox">
            <label> <input type="checkbox" value="1" /> 记住我的账号
            </label>
        </div>
    </div>
</div>
<div class="form-group">
    <div class="row">
        <button class="btn btn-lg btn-primary btn-block" type="submit">提交</button>
    </div>
</div>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
+关注
沉默王二
微信搜索「沉默王二」,回复关键字「00」获取硬核计算机基础资料。
1084
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载