too much recursion出现的一种可能

前言：今天在调试页面的时候，firebug突然就报了“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>

这样子他就会报错，真是奇了怪了！后来才调试出如果使用bootstrap validate的“data-bv-notempty”属性时，页面必须写成如下形式

调试后

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>

加上”form-group“就变得正常了，看来是bootstrap validate要基于这样的形式了。