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

Question

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

1. 数据已输入表格。
2. 所有必填/有效字段均正确。

在表单正确后淡入提交按钮之前。

快速 jsfiddle：http: //jsfiddle.net/36JZL/

<form action="#" method="post">
    <label>Name</label>
    <input type="text" name="name" class="required" value="" />

    <label>Email</label>
    <input type="email" name="email" class="required email" value="" />

    <label>Message</label>
    <textarea name="message" class="required"></textarea>

    <input type="submit" name="save" value="Save" class="hide" />
</form>

$('form').validate();

Answer 1

继 Alan Buchanan 的回答之后，这可能有效：

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

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

});

- 注释和参考。

Answer 2

建议您在表单输入的更改事件上触发一些 javascript，并检查每个是否通过您的验证。如果确实如此，则淡入按钮。

Answer 3

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

当您在表单中的任何一个字段中点击输入时，将触发 submnit 事件。

看看这个链接。

http://api.jquery.com/submit/