Javascript 多选项卡窗体和bootstrapValidator

我有一个表单，它的字段在不同的选项卡中展开。我使用bootsrap框架和bootstrapValidator来验证表单。但问题是，当我处理第一个选项卡中的字段时，此选项卡上的表单字段会正常验证。若所有字段都正确并且我按了提交，那个么不管所有其他字段是否无效，表单都会被提交。这是为什么

<form action="" id="register-form" method="post">
    <input type="hidden" name="csrfmiddlewaretoken" value="gGhsyEKjycBXKMoMMl9tFdOOF6ISez0t">
    <div class="container bg-white">
            <div class="tab-content">

                <div class="tab-pane fade in active" id="client-details">
                    <div class="margin-20"></div>
                    <fieldset>
                        <legend>Personal Data</legend>
                        <span class="help-inline">This are your billing data</span>
                        <div class="margin-20"></div>

                            <div class="form-group">
                                <label for="id_client-first_name">First name:</label>
                                <input class="form-control input-sm" id="id_client-first_name" maxlength="40" name="client-first_name" type="text">
                            </div>


                            <div class="form-group">
                                <label for="id_client-middle_name">Middle name:</label>
                                <input class="form-control input-sm" id="id_client-middle_name" maxlength="40" name="client-middle_name" type="text">
                            </div>


                            <div class="form-group">
                                <label for="id_client-last_name">Last name:</label>
                                <input class="form-control input-sm" id="id_client-last_name" maxlength="40" name="client-last_name" type="text">
                            </div>


                            <div class="form-group">
                                <label for="id_client-adress">Adress:</label>
                                <input class="form-control input-sm" id="id_client-adress" maxlength="40" name="client-adress" type="text">
                            </div>


                            <div class="form-group">
                                <label for="id_client-email">Email:</label>
                                <input class="form-control input-sm" id="id_client-email" maxlength="75" name="client-email" type="email">
                            </div>


                            <div class="form-group">
                                <label for="id_client-phone_no">Phone no:</label>
                                <input class="form-control input-sm" id="id_client-phone_no" maxlength="20" name="client-phone_no" type="text">
                            </div>


                            <div class="form-group">
                                <label for="id_client-mobile">Mobile:</label>
                                <input class="form-control input-sm" id="id_client-mobile" maxlength="20" name="client-mobile" type="text">
                            </div>


                            <div class="form-group">
                                <label for="id_client-no_of_doctors">No of doctors:</label>
                                <input class="form-control input-sm" id="id_client-no_of_doctors" name="client-no_of_doctors" type="number">
                            </div>



                    </fieldset>
                </div>
                <div class="tab-pane fade" id="user-data">
                    <div class="margin-20"></div>
                    <fieldset>
                        <legend>User details</legend>
                        <span class="help-block">Please provide with username and password</span>
                        <div class="margin-20"></div>

                            <div class="form-group">
                                <label for="id_user_data-first_name">First name:</label>
                                <input class="form-control input-sm" id="id_user_data-first_name" maxlength="30" name="user_data-first_name" type="text">
                            </div>

                            <div class="form-group">
                                <label for="id_user_data-last_name">Last name:</label>
                                <input class="form-control input-sm" id="id_user_data-last_name" maxlength="30" name="user_data-last_name" type="text">
                            </div>

                            <div class="form-group">
                                <label for="id_user_data-username">Username:</label>
                                <input class="form-control input-sm" id="id_user_data-username" maxlength="30" name="user_data-username" type="text">
                            </div>

                            <div class="form-group">
                                <label for="id_user_data-email">Email address:</label>
                                <input class="form-control input-sm" id="id_user_data-email" maxlength="254" name="user_data-email" type="text">
                            </div>

                            <div class="form-group">
                                <label for="id_user_data-password1">Password:</label>
                                <input class="form-control input-sm" id="id_user_data-password1" name="user_data-password1" type="password">
                            </div>

                            <div class="form-group">
                                <label for="id_user_data-password2">Password confirmation:</label>
                                <input class="form-control input-sm" id="id_user_data-password2" name="user_data-password2" type="password">
                            </div>

                    </fieldset>
                </div>
                <div class="tab-pane fade" id="practice-details">
                    <div class="margin-20"></div>
                    <fieldset>
                        <legend>Practice Details</legend>
                        <span class="help-block">Please provide details of your practice</span>
                        <span class="help-block">If you don't provide we will use your client details.</span>


                            <div class="form-group">
                                <label for="id_practice_data-name">Name:</label>
                                <input class="form-control input-sm" id="id_practice_data-name" maxlength="50" name="practice_data-name" type="text">
                            </div>

                            <div class="form-group">
                                <label for="id_practice_data-address">Address:</label>
                                <input class="form-control input-sm" id="id_practice_data-address" maxlength="50" name="practice_data-address" type="text">
                            </div>

                            <div class="form-group">
                                <label for="id_practice_data-postal_code">Postal code:</label>
                                <input class="form-control input-sm" id="id_practice_data-postal_code" maxlength="10" name="practice_data-postal_code" type="text">
                            </div>

                            <div class="form-group">
                                <label for="id_practice_data-phone_no">Phone no:</label>
                                <input class="form-control input-sm" id="id_practice_data-phone_no" maxlength="10" name="practice_data-phone_no" type="text">
                            </div>

                            <div class="form-group">
                                <label for="id_practice_data-city">City:</label>
                                <input class="form-control input-sm" id="id_practice_data-city" maxlength="10" name="practice_data-city" type="text">
                            </div>

                    </fieldset>
                </div>

            </div>
            <input type="submit" id="btn-register" name="register" class="btn btn-default btn-sm">
            <div class="margin-20"></div>

    </div>

</form>

---

不应该在提交时验证表单？我怎样才能解决这个问题？有什么想法吗？

我不明白我问题的消极点，但无论如何我都要回答

为了绕过这一点，我补充道

excluded:":disabled"

在我的validatorPlugin选项中，因为标签隐藏了内容。现在它就像一个符咒

excluded:":disabled"