gpt4 book ai didi

jquery-steps - 如何将 "reset"按钮添加到 JQuery-steps

转载 作者:行者123 更新时间:2023-12-04 04:51:52 29 4
gpt4 key购买 nike

我还没有看到有人问过这个问题——尽管我确实阅读了大约 100 个关于类似主题的 jQuery 步骤——似乎没有一个能解决我的问题。

我正在使用 jQuery-steps 并希望在第一步完成后添加一个“重置”按钮 - 以防我的用户想要清除表单并重新开始。我希望这个按钮在默认的“下一步”按钮之后被激活。

这是我当前基于默认基本形式的脚本 here

$(function ()
{

function errorPlacement(error, element)
{
element.before(error);

}
$("#form").validate({
rules: {
zip: {
required: true,
maxlength:5,
minlength:5
},
phone: {
required: true,
minlength: 10,
phoneUS: true
}

}
});


$("#wizard").steps({
headerTag: "h3",
bodyTag: "section",
transitionEffect: "slideLeft",
onStepChanging: function (event, currentIndex, newIndex)
{
// Allways allow step back to the previous step even if the current step is not valid!
if (currentIndex > newIndex)
{
return false;
}


$("#form").validate().settings.ignore = ":disabled,:hidden";
return $("#form").valid();

},
onFinishing: function (event, currentIndex)
{
$("#form").validate().settings.ignore = ":disabled";
return $("#form").valid();
},
onFinished: function (event, currentIndex)
{
alert("Thank you! Your request has been sumbitted.");
}
});
});

最佳答案

您可以启用和使用 cancel按钮调用validator.resetForm() .请参阅以下示例:

$(function ()
{
var validator;

$("#wizard").steps({
enableCancelButton: true,
onCanceled: function (event)
{
validator.resetForm();
}
});

validator = $("#form").validate({
rules: {
zip: {
required: true,
maxlength:5,
minlength:5
},
phone: {
required: true,
minlength: 10,
phoneUS: true
}
}
});
});

关于jquery-steps - 如何将 "reset"按钮添加到 JQuery-steps,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24460458/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com