jquery validate:IF表格有效,然后显示提交按钮

Joh*_*lia 4 jquery jquery-validate

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

  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();
Run Code Online (Sandbox Code Playgroud)

Lab*_*abu 6

继Alan Alan Buchanan的回答之后,这可能有用:

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

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

});
Run Code Online (Sandbox Code Playgroud)

- 注释和参考.