1

我在字段集中的每一步都有一个多步骤注册表格，我使用引导验证器进行验证。我在第一步中制作了“下一步”按钮来切换验证。它运作良好......

我遇到的问题是，我必须防止错误进入下一步。现在，验证在第一步中单击“下一步”，但立即传递到下一步。我想留在那里直到验证成功...

这个怎么做？我给了我的代码块...我包含了所有库...

...
<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>
4

0 回答 0