Javascript 使用Zurb基金会基于表单的其他元素启用/禁用提交按钮 我已经创建了一个表单，使用ZURB基金会有几个输入和一个按钮，是否可以禁用按钮直到表单的所有字段都被保存？p>

您可以识别所有必需的输入（使用一个类），然后当其中任何输入发生更改或被聚焦时，检查是否有空输入。如果全部已填充，则启用该按钮

//将事件绑定到输入
//您可以使用任何类nedded，这也涵盖选择
//您甚至可以添加更多活动以满足您的需要
$（'.input required'）.on（'focusout change'，function（））{
//我们实例化一个变量来保存按钮状态
var buttonDisabled=假；
//迭代每个输入
$（'.input required'）。每个（函数（）{
//如果有空的。。。
if（！$（this.val（））{
//我们说按钮不可用是真的
buttonDisabled=true；
}
})
//将状态设置为该按钮
$（'button'）.prop（'disabled'，buttonDisabled）；
});
表单{
宽度：460px；
}


过程
对不起。。我已经创建了其中的html部分，我不知道JS是如何工作的。@user3025288是的，对不起，答案太简单了。有一个修订版可以与您的标记一起使用；）对不起，我造成了误会。这对我很有帮助。为什么我可以在不同的页面中编写相同的函数并调用它呢？@user3025288就像在另一个文件中一样？这没有问题，事实上建议使用
main.js
类文件来包含所有全局函数；）非常感谢@AlexQuintero，如果没有您的帮助，我不会这么做。代码在没有进行上述更改的情况下工作（坦率地说，我没有参与Jquery：（因此我无法理解上述语句的含义）无论如何，谢谢：）