better masking for cross browser compliance

spectrumtrail · Feb 2, 2019 · 6cab698 · 6cab698
1 parent c695b57
commit 6cab698
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 2 deletions.
diff --git a/app/assets/javascripts/theme.js b/app/assets/javascripts/theme.js
@@ -53,7 +53,8 @@ $(window).on('load resize', function() {
 $(document).ready(function() {
 
     // Plugins init
-    $("input[type='tel']").mask('(000) 000-0000')
+    $("input.date.masked-date").mask('00/00/0000', { placeholder: "MM/DD/YYYY" })
+    $("input[type='tel']").mask('(000) 000-0000', { placeholder: "(111) 222-3333"})
     $(".scrollbar-inner")[0] && $(".scrollbar-inner").scrollbar().scrollLock();
     $('[data-stick-in-parent="true"]')[0] && $('[data-stick-in-parent="true"]').stick_in_parent();
     $('.selectpicker')[0] && $('.selectpicker').selectpicker();

diff --git a/app/models/event.rb b/app/models/event.rb
@@ -16,6 +16,7 @@ def should_generate_new_friendly_id?
   has_many_attached :promo_photos
 
   validates :name, presence: true
+  validates :short_description, presence: true
   validates :starts_at, presence: true
 
   scope :is_active, -> { where(is_active: true) }

diff --git a/app/views/participants/_fields.html.haml b/app/views/participants/_fields.html.haml
@@ -11,7 +11,7 @@
   .form-group
     = f.input :last_name, label: "Your Last Name"
   .form-group
-    = f.input :birth_date, as: :date, html5: true, label: "Your Birthdate"
+    = f.input :birth_date, as: :date, html5: true, label: "Your Birthdate", placeholder: "mm/dd/yyyy", input_html: { class: "masked-date" }
   .form-group
     = f.input :division,
       as: :radio_buttons,

diff --git a/config/initializers/simple_form_bootstrap.rb b/config/initializers/simple_form_bootstrap.rb
@@ -14,6 +14,7 @@
 
 # Use this setup block to configure all options available in SimpleForm.
 SimpleForm.setup do |config|
+  config.browser_validations = true
   # Default class for buttons
   config.button_class = 'btn'