Question

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

数据已输入表单。

所有必填/有效字段均正确无误。

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

Quick 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();

});

- Notes and reference.

Answer 2

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

Answer 3

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

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

看一下这个链接。

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

jquery validate：IF表格有效，然后显示提交按钮

3 个答案: