Client side validations

app/assets/javascripts/admin-manifest.coffee

@@ -5,10 +5,12 @@
 #= require nprogress
 #= require nprogress-turbolinks
 #= require typeahead.bundle.min
-#= require autocomplete
+#= require admin/autocomplete
 #= require jquery.nested_attributes
 #= require selectize
-#= require app
+#= require shared/jquery.validate.bootstrap
+#= require shared/general
+#= require admin/application
 
 NProgress.configure
   showSpinner: false

app/assets/javascripts/admin/application.coffee

@@ -0,0 +1,12 @@
+ready = ->
+  $('.selectize').selectize({
+    allowEmptyOption: true
+  });
+
+  # client side validate all forms
+  $('form').each ->
+    $(this).validate()
+
+
+$(document).ready(ready)
+$(document).on('page:load', ready)

app/assets/javascripts/registrar-manifest.coffee

@@ -0,0 +1,10 @@
+#= require jquery
+#= require jquery_ujs
+#= require jquery.validate
+#= require jquery.validate.additional-methods
+#= require turbolinks
+#= require bootstrap-sprockets
+#= require jquery.nested_attributes
+#= require shared/jquery.validate.bootstrap
+#= require shared/general
+#= require registrar/application

app/assets/javascripts/registrar/application.coffee

@@ -1,10 +1,8 @@
-#= require jquery
-#= require jquery_ujs
-#= require turbolinks
-#= require bootstrap-sprockets
-#= require jquery.nested_attributes
-
 $(document).on 'ready page:load', ->
+  # client side validate all forms
+  $('form').each ->
+    $(this).validate()
+
   $('.js-contact-form').on 'restoreDefault', (e) ->
     form = $(e.target)
     form.find('.js-ident-tip').hide()

app/assets/javascripts/shared/general.coffee

@@ -9,11 +9,3 @@
   $('#flash').find('div').addClass('bg-danger')
   $('#flash').find('div').html(msg)
   $('#flash').show()
-
-ready = ->
-  $('.selectize').selectize({
-    allowEmptyOption: true
-  });
-
-$(document).ready(ready)
-$(document).on('page:load', ready)

app/assets/javascripts/shared/jquery.validate.bootstrap.coffee

@@ -0,0 +1,20 @@
+#= require jquery.validate
+#= require jquery.validate.additional-methods
+
+# override jquery validate plugin defaults
+$.validator.setDefaults
+  highlight: (element) ->
+    $(element).closest('.form-group').addClass 'has-error'
+    return
+  unhighlight: (element) ->
+    $(element).closest('.form-group').removeClass 'has-error'
+    return
+  errorElement: 'span'
+  errorClass: 'help-block'
+  errorPlacement: (error, element) ->
+    if element.parent('.input-group').length
+      error.insertAfter element.parent()
+    else
+      error.insertAfter element
+    return
+