ajax禁用按钮,jquery - 在使用 jQuery Steps 执行特定操作之前禁用按钮？

我的 jQuery Steps 插件有问题。 next 按钮在执行特定操作之前必须禁用，如果数据得到正确验证，则应启用它。

所以问题是:如何将 next 按钮设置为默认禁用，以及是否有可用的方法以编程方式启用或禁用 next 按钮？

这是我当前的代码:

HTML:

Write question

Save and do something else

Preview

Done

Congratulations text goes here

jQuery:

//start

$(function(){

$('#steps').steps({

headerTag: "h3",

bodyTag: "section",

transitionEffect: "slideLeft",

stepsOrientation: "vertical"

});

$('#save').click(function(){

$('#preview').html($('#question').val());

//do something else (ajax wise, etc)

if(true) {

//enable NEXT button here...

}

});

});

最佳答案

嗯，这不是很简单，但我想我做到了。

这个想法是在您的输入字段没有内容的情况下强制不执行任何行为，并自动将 disabled 样式添加到按钮。

希望能帮助到你。它不是很干净，但我相信它有效。

在这里查看:JSBin

编辑: 请注意，此插件没有防止已定义行为的方法，但将来可能会改变。这个时候你只能这样拦截了，我想。

EDIT2: 另请注意，由于插件没有重新呈现操作按钮的方法，因此在将内容添加到输入字段后，我们无法调用我的 enableButton() 函数来重新启用按钮。

EDIT3: 通过 input 的 change 事件检查状态以克服最后的困难的想法。像魅力一样工作:FINAL VERSION

关于jquery - 在使用 jQuery Steps 执行特定操作之前禁用按钮？，我们在Stack Overflow上找到一个类似的问题：

https://stackoverflow.com/questions/34795287/