jquery验证：如果表单有效，则显示提交按钮

我有一个基本的空表单，只想显示提交按钮一次：

数据已输入表单中

所有必填/有效字段均正确

表单正确后，在“提交”按钮中淡出之前

快速JSFIDLE：

名称
电子邮件
消息
$（'form'）.validate（）；

jQuery中没有用于执行此操作的函数。您需要将事件绑定到此表单的提交或每个字段，并验证所需字段的文本长度，如果所有字段都大于0。然后，您可以提交表单，也可以在“提交”按钮中淡出

当您在表单中的任何一个字段中按enter键时，将触发submnit事件

看看这个链接

---

建议对表单输入的更改事件启动一些javascript，并检查每个事件是否通过验证。如果它确实消失在按钮中。

根据Alan Buchanan的回答，这可能会起作用：

$('#yourform input,#yourform textarea').bind('oninput', function(){

    if ($('#yourform').valid()) $('#submitButton').fadeIn();

});

---

那么问题出在哪里？验证字段，如果通过，则在按钮中淡入淡出…是的，确实如此，但是如何使用jquery验证？我检查了文档，建议使用

submitHandler

。但是在这里面，我如何检查表单是否有效以显示/隐藏按钮。我认为submitHandler不起作用，因为您希望在提交之前验证它，以便您可以显示按钮。请参阅我的答案。显然，您不能使用submit事件，该事件由submit not visible触发。相反，请在每个字段上使用keyup事件。谢谢。非常惊讶的是，并没有一种扩展jquery验证方法的方法，它必须已经有了非常类似的东西来检查focus/etcMaybe上的表单字段，因为它和OP所指的无关。附言：我没有投反对票

$('#yourform input,#yourform textarea').bind('oninput', function(){

    if ($('#yourform').valid()) $('#submitButton').fadeIn();

});