Question

I have a web form that uses a lot of JavaScript and ajax to determine if each field is valid. It gives warning messages on the fly to help the user know when there’s a problem. I even use the "disable" feature on my submit button until everything is up to snuff. But here’s the problem: All the event handling happens using the onblur feature. but when the last field is filled out, the validation doesn’t happen till the user clicks away from that field. but why would they? there’s nothing left to do on the page but click submit, which they can’t do until they click somewhere else, anywhere else, first (to set off the validation event). I’m trying to find a way around this. There has to be a way where they don’t have to make that extra click. it just doesn’t seem professional. Is there a standard way around this? Can the validation event be triggered each time the user types an individual letter?

Answer 1

You can validate each field using onkeyup, and withhold your user notification to the onblur method so it doesn’t get annoying. If all fields are valid at the onkeyup, enable the submit button.