removed oninvdalid and oninput

ideacrew · Jan 24, 2025 · b525af3 · b525af3
1 parent 99c925c
commit b525af3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/app/assets/javascripts/inline_replacements.js b/app/assets/javascripts/inline_replacements.js
@@ -462,4 +462,12 @@ $(document).on('ajax:success', function(){
       document.getElementById('inputNewEmail').value="";
     });
   }
+});
+
+$(document).on('invalid', '.dependent-ssn-input', function() {
+  this.setCustomValidity($(this).data('error-message'))
+});
+
+$(document).on('input', '.dependent-ssn-input', function() {
+  this.setCustomValidity('')
 });
diff --git a/app/views/insured/family_members/_dependent_form.html.erb b/app/views/insured/family_members/_dependent_form.html.erb
@@ -79,10 +79,10 @@
                 %>
               <% else %>
                 <% if EnrollRegistry.feature_enabled?(:ssn_ui_validation) %>
-                  <%= f.text_field :ssn, placeholder: "000-00-0000", class: "required keep-label mask-ssn",
-                    pattern: "(?!666|000|9\\d{2})\\d{3}[\\- ]{0,1}(?!00)\\d{2}[\\- ]{0,1}(?!0{4})\\d{4}", oninvalid: "this.setCustomValidity('#{l10n('insured.consumer_roles.invalid_ssn_error')}')",
-                    oninput: "this.setCustomValidity('')",
-                    disabled: readonly_status %>
+                  <%= f.text_field :ssn, placeholder: "000-00-0000", class: "required keep-label mask-ssn dependent-ssn-input",
+                    pattern: "(?!666|000|9\\d{2})\\d{3}[\\- ]{0,1}(?!00)\\d{2}[\\- ]{0,1}(?!0{4})\\d{4}",
+                    disabled: readonly_status,
+                    data: {'error_message': l10n('insured.consumer_roles.invalid_ssn_error')} %>
                 <% else %>
                   <%= f.text_field :ssn, placeholder: "000-00-0000", class: "required", disabled: readonly_status %>
                 <% end %>