作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我还没有看到有人问过这个问题——尽管我确实阅读了大约 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/
我是一名优秀的程序员,十分优秀!