将jquery步骤验证向导完成按钮更改为提交按钮

Question

我正在使用jquery-steps，我想将完成按钮从 到正确的提交按钮。我在哪里改变它。

我尝试过这种方式，但是css却坏了。

<form action="admin/practitioners" class="validation-wizard wizard-circle">
{{csrf_field()}}
<!-- Step 1 -->
<h6>Step 1</h6>
<hr/>
<section>
    <div class="row">
        <div class="col-md-4">
            <div class="form-group">
                <label for="wlocation2"> Title : <span
                            class="danger">*</span>
                </label>
                <select class="custom-select form-control required"
                        id="wlocation2" name="title_id">
                    <option value="">Select Title</option>
                    @foreach($titles as $title)
                    <option value="{{$title->id}}">{{$title->name}} 
                    </option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
</section>

这是我的jQuery

<script>
    $('.validation-wizard').steps({
        headerTag: "h6",
        bodyTag: "section",
        transitionEffect: "slideLeft",
        enableFinishButton: !1,
        onStepChanged: function (event, currentIndex, priorIndex) {
            if (currentIndex == 3) {
                var $input = $('<input type="submit" class="btn btn-success btn-lg" value="Submit Data"/>');
                $input.appendTo($('ul[aria-label=Pagination]'));
            } else {
                $('ul[aria-label=Pagination] input[value="Submit"]').remove();
            }
        }
    });
</script>

我希望当我进入最后一步时，它会在完成时显示一个提交按钮，而不是一个链接。现在，它仍然显示带有损坏的CSS的完成按钮