Benchmark: require_from_group

HTML Preparation code:

<form id="theform">
  <input type="checkbox" name="a"/>
  <input type="checkbox" name="b"/>
  <input type="checkbox" name="c"/>
  <input type="checkbox" name="d"/>
  <input type="checkbox" name="e"/>
  <input type="checkbox" name="f"/>
  <input type="checkbox" name="g"/>
  <input type="checkbox" name="h"/>
  <input type="checkbox" name="i"/>
  <input type="checkbox" name="j"/>
  <input type="checkbox" name="k"/>
  <input type="checkbox" name="l"/>
  <input type="checkbox" name="m"/>
  <input type="checkbox" name="n"/>
  <input type="checkbox" name="o"/>
  <input type="checkbox" name="p"/>
  <input type="checkbox" name="q"/>
  <input type="checkbox" name="r"/>
  <input type="checkbox" name="s"/>
  <input type="checkbox" name="t"/>
  <input type="checkbox" name="u"/>
  <input type="checkbox" name="v"/>
  <input type="checkbox" name="w"/>
  <input type="checkbox" name="x"/>
  <input type="checkbox" name="y"/>
  <input type="checkbox" name="z"/>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>

Script Preparation code:

var validator = $('#theform').validate({
  groups: {
    checkgroup: 'a b c d e f g h i j k l m n o p q r s t u v w x y z',
  },
});

$.validator.addMethod( "require_from_group_builtin", function( value, element, options ) {
  var $fields = $( options[ 1 ], element.form ),
      $fieldsFirst = $fields.eq( 0 ),
      validator = $fieldsFirst.data( "valid_req_grp" ) ? $fieldsFirst.data( "valid_req_grp" ) : $.extend( {}, this ),
      isValid = $fields.filter( function() {
        return validator.elementValue( this );
      } ).length >= options[ 0 ];

  // Store the cloned validator for future validation
  $fieldsFirst.data( "valid_req_grp", validator );

  // If element isn't being validated, run each require_from_group field's validation rules
  if ( !$( element ).data( "being_validated" ) ) {
    $fields.data( "being_validated", true );
    $fields.each( function() {
      validator.element(this);
    } );
    $fields.data('clientside_validation_validated', false)
    $fields.data( "being_validated", false );
  }
  return isValid;
}, $.validator.format( "Please fill at least {0} of these fields." ) );

$.validator.addMethod( "require_from_group_modified", function( value, element, options ) {
  var $fields = $( options[ 1 ], element.form ),
      $fieldsFirst = $fields.eq( 0 ),
      validator = $fieldsFirst.data( "valid_req_grp" ) ? $fieldsFirst.data( "valid_req_grp" ) : $.extend( {}, this ),
      isValid = $fields.filter( function() {
        return validator.elementValue( this );
      } ).length >= options[ 0 ];

  // Store the cloned validator for future validation
  $fieldsFirst.data( "valid_req_grp", validator );

  // If element isn't being validated, run each require_from_group field's validation rules
  if ( !$( element ).data( "being_validated" ) ) {
    $fields.data( "being_validated", true );
    $fields.each( function() {
      /* Patch adapted from
			 * https://www.drupal.org/project/clientside_validation/issues/2884667
			 * https://www.drupal.org/files/issues/clientside_validation-select_or_other_optimization-2884667-4-7.patch
			 */
      if ($(this).data('clientside_validation_validated')) {
        return;
      } else {
        $(this).data('clientside_validation_validated', true);
        validator.element(this);
      }
    } );
    $fields.data('clientside_validation_validated', false)
    $fields.data( "being_validated", false );
  }
  return isValid;
}, $.validator.format( "Please fill at least {0} of these fields." ) );

Tests:

built-in require_from_group
var selector = 'input[type="checkbox"]'; var $fields = $(selector); $fields.rules('add', { require_from_group_builtin: [1, selector] }); $fields.eq(0).valid();
modified require_from_group
var selector = 'input[type="checkbox"]'; var $fields = $(selector); $fields.rules('add', { require_from_group_modified: [1, selector] }); $fields.eq(0).valid();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
built-in require_from_group
modified require_from_group

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 Edg/111.0.1661.54

Browser/OS: Chrome 111 on Windows

View result in a separate tab

Test name	Executions per second
built-in require_from_group	23.5 Ops/sec
modified require_from_group	19.2 Ops/sec

require_from_group (version: 0)

Performance testing for jquery-validate's require_from_group method

Comparing performance of: built-in require_from_group vs modified require_from_group

Created: 5 years ago by: Guest

Jump to the latest result

built-in require_from_group

modified require_from_group

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A