twitter-bootstrap-3 - ブートストラップバリデーターを使用した複数ステップの登録-エラーの進行を防ぐ

Question

フィールドセットの各ステップにマルチステップの登録フォームがあり、検証にブートストラップバリデーターを使用しています。最初のステップで「次へ」ボタンを作成して検証を切り替えました。そして、うまく機能します...

私が抱えている問題は、エラーで次のステップに進むのを防ぐ必要があることです。現在、検証は最初のステップで「次へ」をクリックすると機能しますが、すぐに次のステップに進みます。検証が成功するまでそこにとどまりたい...

これを行う方法？コードのチャンクを提供しています...すべてのライブラリが含まれています...

...
<fieldset id="first_step">
        <h2 class="fs-title">Create your account</h2>
        <div class="form-group">
            <label class="col-md-3 control-label">Username</label>
            <div class="col-md-9">
                <input type="text" class="form-control" name="uname" />
            </div>
        </div>

        <div class="form-group">
            <label class="col-md-3 control-label">Password</label>
            <div class="col-md-9">
                <input type="password" class="form-control" name="pwd" />
            </div>
        </div>

        <div class="form-group">
            <label class="col-md-3 control-label">Confirm Password</label>
            <div class="col-md-9">
                <input type="password" class="form-control" id="cpwd" />
            </div>
        </div>
        <input type="button" name="next" id="next" class="next action-button" value="Next" />
    </fieldset>
    <fieldset>
        <h2 class="fs-title">Personal Details</h2>
        <h3 class="fs-subtitle"></h3>
        <div class="form-group">
            <label class="col-md-3 control-label">*Register Number</label>
            <div class="col-md-9">
                <input type="text" class="form-control" id="Text1" name="reg" />
            </div>
        </div>

        <div class="form-group">
            <label class="col-md-3 control-label">*Name</label>
            <div class="col-md-9">
                <input type="text" class="form-control" id="Text2" name="stname" />
            </div>
        </div>

        <div class="form-group">
            <label class="col-md-3 control-label"></label>
            <div class="col-md-offset-3 col-md-12">
            </div>
        </div>
        <input type="button" name="previous" class="previous action-button" value="Previous" />
        <input type="submit" id="sub_but" name="submit" class="submit action-button" value="Submit" />
    </fieldset>

    <script type="text/javascript">
    $(".next").click(function() {
    $('#msform').data('bootstrapValidator').validate();
    //prevent here????
    //Script to slide first fielset

    }
    $(".previous").click(function() {

    //Script to slide back to first fieldset

    }
    </script>