2017-03-04 114 views
0

這是一個用於創建選項卡式表單的簡單腳本,我從Web中的某處複製。無論何時提交,在最後一步中,它都會發出警報,表單已提交。我希望表單在表單的操作中提交給網址。 調用類:想要提交選項卡式表單嚮導幫助

$(".number-tab-steps").steps({ 
    headerTag: "h6", 
    bodyTag: "fieldset", 
    transitionEffect: "fade", 
    titleTemplate: '<span class="step">#index#</span> #title#', 
    labels: {finish: "Submit"}, 
    onFinished: function (a, b) { 
     alert("Form submitted.") 
    } 
}), $(".icons-tab-steps").steps({ 
    headerTag: "h6", 
    bodyTag: "fieldset", 
    transitionEffect: "fade", 
    titleTemplate: '<span class="step">#index#</span> #title#', 
    labels: {finish: "Submit"}, 
    onFinished: function (a, b) { 
     alert("Form submitted.") 
    } 
}), $(".vertical-tab-steps").steps({ 
    headerTag: "h6", 
    bodyTag: "fieldset", 
    transitionEffect: "fade", 
    stepsOrientation: "vertical", 
    titleTemplate: '<span class="step">#index#</span> #title#', 
    labels: {finish: "Submit"}, 
    onFinished: function (a, b) { 
     alert("Form submitted.") 
    } 
}); 
var form = $(".steps-validation").show(); 
$(".steps-validation").steps({ 
    headerTag: "h6", 
    bodyTag: "fieldset", 
    transitionEffect: "fade", 
    titleTemplate: '<span class="step">#index#</span> #title#', 
    labels: {finish: "Submit"}, 
    onStepChanging: function (a, b, c) { 
     return b > c || !(3 === c && Number($("#age-2").val()) < 18) && (b < c && (form.find(".body:eq(" + c + ") label.error").remove(), form.find(".body:eq(" + c + ") .error").removeClass("error")), form.validate().settings.ignore = ":disabled,:hidden", form.valid()) 
    }, 
    onFinishing: function (a, b) { 
     return form.validate().settings.ignore = ":disabled", form.valid() 
    }, 
    onFinished: function (a, b) { 
     alert("Submitted!") 
    } 
}), $(".steps-validation").validate({ 
    ignore: "input[type=hidden]", 
    errorClass: "danger", 
    successClass: "success", 
    highlight: function (a, b) { 
     $(a).removeClass(b) 
    }, 
    unhighlight: function (a, b) { 
     $(a).removeClass(b) 
    }, 
    errorPlacement: function (a, b) { 
     a.insertAfter(b) 
    }, 
    rules: {email: {email: !0}} 
}), $(".datetime").daterangepicker({timePicker: !0, timePickerIncrement: 30, locale: {format: "MM/DD/YYYY h:mm A"}}); 

任何幫助將深表感激。由於

回答

0

通過改變

alert("Submitted!") 

完成以

return form.submit()