jquery validate: IF form valid then show submit button
jquery, jquery-validate
Solution
Following on from Alan Buchanan's answer, this might work:
$('#yourform input,#yourform textarea').bind('oninput', function(){
if ($('#yourform').valid()) $('#submitButton').fadeIn();
});
- Notes and reference.
Problem
I have a basic empty form and would like to only show the submit button once: - Data has been entered into the form. - All required/valid fields are correct. Before fading in the submit button once the form is correct. 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(); ```