Make who question more prominent.

2 files changed, 20 insertions, 0 deletions

diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 15b42cc3e..a2da14280 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -510,6 +510,12 @@ textarea.form-error {
   @include border-radius(0 0.25em 0.25em 0.25em);
 }
 
+.form-error__box {
+    border: solid 2px #ff0000;
+    padding: 0.5em;
+    margin-bottom: 0.5em;
+}
+
 ul.error {
   background:#ff0000;
   color:#fff;
diff --git a/web/js/contact.js b/web/js/contact.js
new file mode 100644
index 000000000..9529ede16
--- /dev/null
+++ b/web/js/contact.js
@@ -0,0 +1,14 @@
+$('[name=dest]').change(function() {
+    var err = $('.form-error--' + this.value),
+        inputs = $(this).closest('form').find('input[type=text], input[type=submit]');
+    $('.form-error__box').addClass('hidden');
+    if (err.length) {
+        $('#dest-error').removeClass('hidden');
+        $('#dest-error .form-error').show(); // might have been hidden by normal validate
+        inputs.prop('disabled', true);
+        $('.form-error--' + this.value).removeClass('hidden');
+    } else {
+        $('#dest-error').addClass('hidden');
+        inputs.prop('disabled', false);
+    }
+});