Javascript 将jquery步骤验证向导“完成”按钮更改为“提交”按钮
我正在使用jquery步骤,我想将finish按钮从 到一个适当的提交按钮。我在哪里可以改变呢 我尝试过这样做,但是css被破坏了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> <
<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也不工作”)