Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将jquery步骤验证向导“完成”按钮更改为“提交”按钮_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 将jquery步骤验证向导“完成”按钮更改为“提交”按钮,javascript,jquery,html,Javascript,Jquery,Html,我正在使用jquery步骤,我想将finish按钮从 到一个适当的提交按钮。我在哪里可以改变呢 我尝试过这样做,但是css被破坏了 <form action="admin/practitioners" class="validation-wizard wizard-circle"> {{csrf_field()}} <!-- Step 1 --> <h6>Step 1</h6> <hr/> <section> <

我正在使用jquery步骤,我想将finish按钮从 到一个适当的提交按钮。我在哪里可以改变呢

我尝试过这样做,但是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>

{{csrf_field()}}
第一步

标题:* 选择标题 @foreach($title作为$title) {{$title->name} @endforeach

这是我的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>

$('.validation向导')。步骤({
头像:“h6”,
bodyTag:“节”,
过渡效果:“slideLeft”,
enableFinishButton:!1,
onStepChanged:函数(事件、当前索引、优先级索引){
如果(currentIndex==3){
变量$input=$('');
$input.appendTo($('ul[aria label=Pagination]');
}否则{
$('ul[aria label=Pagination]input[value=“Submit”]”)。remove();
}
}
});

我希望当我到达最后一步时,它会在finish上显示一个submit按钮,而不是一个链接。现在它仍然显示带有损坏css的finish按钮

,那么您的css工作正常吗?您是否尝试过
?我应该在哪里更改JS中的此按钮type=“submit”
var$input=$(“JavaScript不工作,CSS也不工作?您尝试过
?我应该在哪里更改JS中的此按钮type=“submit”(“JavaScript也不工作”)