Accessible form error focus solution with jQuery Validation (from Katie) #jquery #validation #accessibility #errors #katie

validate.js

// http://stackoverflow.com/questions/1218118/overriding-a-function-within-the-jquery-validation-plugin
$("form#user-register").validate({
     // focus will normally go to the last error
     // but this will make it go to the first!
     invalidHandler: function(form, validator){
         $(validator.invalidElements()[0]).focus();
     },
     focusInvalid:false
});