在提交选项卡式表单向导方面需要帮助
Want help in submitting tabbed form wizard
这是一个用于创建选项卡式表单的简单脚本,我从网上某处复制而来。每当我提交时,在最后一步,它都会发出警报,提示表单已提交。我希望表单提交到表单操作中的 url。
调用 class:
$(".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"}});
任何帮助将不胜感激。谢谢
通过更改
完成
alert("Submitted!")
至
return form.submit()
这是一个用于创建选项卡式表单的简单脚本,我从网上某处复制而来。每当我提交时,在最后一步,它都会发出警报,提示表单已提交。我希望表单提交到表单操作中的 url。 调用 class:
$(".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"}});
任何帮助将不胜感激。谢谢
通过更改
完成alert("Submitted!")
至
return form.submit()