如何在注册页面上禁用提交按钮？

Question

I am building a registration page for my website and i want to disable the submit button till all the fields have been validated using jQuery and AJAX (I found a way to do this at http://youhack.me/2010/05/04/username-availability-check-in-registration-form-using-jqueryphp/)... Now how do i use this to perform multiple checks and keep the submit button disabled until all the checks have passed?

Answer 1

You would execute the validation code every time a user applies focus to an input, so use something like:

$('input').focus(function(){ /* Validation Code Here */ });

And then if it passes:

$('input[type=submit]').attr('disabled','false');