make sure we can see the error message when we scroll to an invalid field

1 files changed, 7 insertions, 0 deletions

diff --git a/web/js/fixmystreet.js b/web/js/fixmystreet.js
index e2ef29f55..82cd283b2 100644
--- a/web/js/fixmystreet.js
+++ b/web/js/fixmystreet.js
@@ -64,6 +64,13 @@ $(function(){
 
             form.submit();
         },
+        // make sure we can see the error message when we focus on invalid elements
+        showErrors: function( errorMap, errorList ) {
+            submitted && errorList.length && $(window).scrollTop( $(errorList[0].element).offset().top - 40 );
+            this.defaultShowErrors();
+            submitted = false;
+        },
+        invalidHandler: function(form, validator) { submitted = true; }
     });
 
     $('input[type=submit]').click( function(e) { form_submitted = 1; } );