diff options
| -rw-r--r-- | web/css/core.scss | 4 | ||||
| -rw-r--r-- | web/js/fixmystreet.js | 10 |
2 files changed, 10 insertions, 4 deletions
diff --git a/web/css/core.scss b/web/css/core.scss index 5fafe625b..4c64888e5 100644 --- a/web/css/core.scss +++ b/web/css/core.scss @@ -57,6 +57,10 @@ $map_width: 500px; text-align: left; } + div.label-valid { + background-color: white; + } + div.form-field { clear: both; } diff --git a/web/js/fixmystreet.js b/web/js/fixmystreet.js index c5800e5a2..edab0b5ba 100644 --- a/web/js/fixmystreet.js +++ b/web/js/fixmystreet.js @@ -66,6 +66,8 @@ $(function(){ onkeyup: false, errorElement: 'div', errorClass: 'form-error', + // we do this to stop things jumping around on blur + success: function (err) { err.addClass('label-valid').html( ' ' ) }, errorPlacement: function( error, element ) { element.parent('div').before( error ); }, @@ -79,19 +81,19 @@ $(function(){ }); /* set correct required status depending on what we submit */ - $('#submit_sign_in').click( function(e) { + $('#submit_sign_in').click( function(e) { $('#form_category').addClass('required validCategory').removeClass('valid'); - $('#form_name').removeClass('required'); + $('#form_name').removeClass(); } ); $('#submit_register').click( function(e) { $('#form_category').addClass('required validCategory').removeClass('valid'); - $('#form_name').addClass('required'); + $('#form_name').addClass('required validName'); } ); $('#problem_submit > input[type="submit"]').click( function(e) { $('#form_category').addClass('required validCategory').removeClass('valid'); - $('#form_name').addClass('required'); + $('#form_name').addClass('required validName'); } ); $('#update_post').click( function(e) { |