Commit 120981a6 authored by Jacob Rockowitz's avatar Jacob Rockowitz Committed by Jacob Rockowitz
Browse files

Issue #3254460 by New Zeal, jrockowitz: Select2 IFE clientside validation: add error class

parent 8050ecd8

modules/webform_clientside_validation/css/webform_clientside_validation.ife.css

+6 −0
Original line number Diff line number Diff line
@@ -7,3 +7,9 @@ 
.form-item.js-form-type-tel + strong.error.form-item--error-message + strong.error.form-item--error-message {

  margin-top: -1em;

}



.select2.error .select2-selection,

.chosen-container.error .chosen-single,

.chosen-container.error .chosen-choices{

  border: 1px solid #d72222;

}

modules/webform_clientside_validation/js/webform_clientside_validation.ife.js

+11 −3
Original line number Diff line number Diff line
@@ -60,9 +60,17 @@ 


      // Move all select2 and chosen errors to appear after the parent container.

      $(this.currentForm).find('.webform-select2 ~ .select2, .webform-chosen ~ .chosen-container').each(function () {

        var $container = $(this);

        var $errorMessages = $container.prev('strong.error.form-item--error-message');

        $errorMessages.insertAfter($container);

        var $widget = $(this);

        var $select = $widget.parent().find('select');

        var $errorMessages = $widget.parent().find('strong.error.form-item--error-message');

        if ($select.hasClass('error')) {

          $errorMessages.insertAfter($widget);

          $widget.addClass('error');

        }

        else {

          $errorMessages.hide();

          $widget.removeClass('error');

        }

      });



      // Move checkbox errors to appear as the last item in the