Olá, pessoal!
Quando clico em "Finish" no meu wizard form, ele não submete ao banco. Alguém pode dá uma help, por favor?
Já tentei diversas alternativas e até o momento nada.
Parte do HTML
<form id="wizard_with_validation" action="../Model/Moto/cadastro_checklist_moto.php" method="POST">
<h3>Itens Mecânicos</h3>
<fieldset>
<div class="form-group form-float">
<div class="form-line">
<label for="">1-Nível de Óleo do Motor</label>
<div class="demo-radio-button">
<input name="item1-mec" type="radio" id="radio_1" class="radio-col-blue" required="" value="B" />
<label for="radio_1">B</label>
<input name="item1-mec" type="radio" id="radio_2" class="radio-col-yellow" value="R" />
<label for="radio_2">R</label>
<input name="item1-mec" type="radio" id="radio_3" class="radio-col-red" value="A"/>
<label for="radio_3">A</label>
<input name="item1-mec" type="radio" id="radio_4" class="radio-col-gray" value="NC"/>
<label for="radio_4">NC</label>
<input name="item1-mec" type="radio" id="radio_5" class="radio-col-green" value="NA" />
<label for="radio_5">NA</label>
</div>
</div>
</div>
</fieldset>
<h3>Pneus</h3>
<fieldset>
<div class="form-group form-float">
<div class="form-line">
<label for="">1-Dianteiro </label>
<div class="demo-radio-button">
<input name="item1-pneu" type="radio" id="radio_238" class="radio-col-blue" value="B" required=""/>
<label for="radio_238">B</label>
<input name="item1-pneu" type="radio" id="radio_239" class="radio-col-yellow" value="R"/>
<label for="radio_239">R</label>
<input name="item1-pneu" type="radio" id="radio_240" class="radio-col-red" value="A"/>
<label for="radio_240">A</label>
<input name="item1-pneu" type="radio" id="radio_241" class="radio-col-gray" value="NC" />
<label for="radio_241">NC</label>
<input name="item1-pneu" type="radio" id="radio_242" class="radio-col-green" value="NA" />
<label for="radio_242">NA</label>
</div>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<label for="">2-Traseiro </label>
<div class="demo-radio-button">
<input name="item2-pneu" type="radio" id="radio_243" class="radio-col-blue" required="" value="B"/>
<label for="radio_243">B</label>
<input name="item2-pneu" type="radio" id="radio_244" class="radio-col-yellow" value="R" />
<label for="radio_244">R</label>
<input name="item2-pneu" type="radio" id="radio_245" class="radio-col-red" value="A" />
<label for="radio_245">A</label>
<input name="item2-pneu" type="radio" id="radio_246" class="radio-col-gray" value="NC" />
<label for="radio_246">NC</label>
<input name="item2-pneu" type="radio" id="radio_247" class="radio-col-green" value="NA"/>
<label for="radio_247">NA</label>
</div>
</div>
</div>
</fieldset>
</form>
Parte do JS (form-wizard)
$(function () {
//Horizontal form basic
$('#wizard_horizontal').steps({
headerTag: 'h2',
bodyTag: 'section',
transitionEffect: 'slideLeft',
onInit: function (event, currentIndex){
setButtonWavesEffect(event);
},
onStepChanged: function (event, currentIndex, priorIndex){
setButtonWavesEffect(event);
}
});
//Vertical form basic
$('#wizard_vertical').steps({
headerTag: 'h2',
bodyTag: 'section',
transitionEffect: 'slideLeft',
stepsOrientation: 'vertical',
onInit: function (event, currentIndex) {
setButtonWavesEffect(event);
},
onStepChanged: function (event, currentIndex, priorIndex) {
setButtonWavesEffect(event);
}
});
//Advanced form with validation
var form = $('#wizard_with_validation').show();
form.steps({
headerTag: 'h3',
bodyTag: 'fieldset',
transitionEffect: 'slideLeft',
onInit: function (event, currentIndex){
$.AdminBSB.input.activate();
//Set tab width
var $tab = $(event.currentTarget).find('ul[role="tablist"] li');
var tabCount = $tab.length;
$tab.css('width', (100 / tabCount) + '%');
//set button waves effect
setButtonWavesEffect(event);
},
onStepChanging: function (event, currentIndex, newIndex) {
if (currentIndex > newIndex) { return true; }
if (currentIndex < newIndex) {
form.find('.body:eq(' + newIndex + ') label.error').remove();
form.find('.body:eq(' + newIndex + ') .error').removeClass('error');
}
form.validate().settings.ignore = ':disabled,:hidden';
return form.valid();
},
onStepChanged: function (event, currentIndex, priorIndex) {
setButtonWavesEffect(event);
},
onFinishing: function (event, currentIndex) {
form.validate().settings.ignore = ':disabled';
return form.valid();
},
onFinished: function (event, currentIndex) {
swal("Good job!", "Submitted!", "success");
}
});
form.validate({
highlight: function (input) {
$(input).parents('.form-line').addClass('error');
},
unhighlight: function (input) {
$(input).parents('.form-line').removeClass('error');
},
errorPlacement: function (error, element) {
$(element).parents('.form-group').append(error);
}
});
});
function setButtonWavesEffect(event) {
$(event.currentTarget).find('[role="menu"] li a').removeClass('waves-effect');
$(event.currentTarget).find('[role="menu"] li:not(.disabled) a').addClass('waves-effect');
}
Em anexo, está o outro arquivo que compõe, (jquery steps.js) (trocar o .csv por .js)
jquery.steps.csv