Adding / queuing jquery.validate scripts in scripts.php?

archived 🗄
1

Trying to add a validation script to the its but it doesn’t seem to be getting included? (Working in the dev environment)

  if (WP_ENV !== 'development') {


  $get_assets = file_get_contents(get_template_directory() . '/assets/manifest.json');
    $assets     = json_decode($get_assets, true);
    $assets     = array(
      'css'       => '/assets/css/main.min.css' . '?' . $assets['assets/css/main.min.css']['hash'],
      'js'        => '/assets/js/scripts.min.js' . '?' . $assets['assets/js/scripts.min.js']['hash'],
      'modernizr' => '/assets/js/vendor/modernizr.min.js',
      'jquery'    => '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js',
      'froogaloop2'=> '/assets/js/vendor/froogaloop2.min.js',
      'dsv_player'=> '/assets/js/dsv_player.js',
      'jquery_validation_plugin'=> '/assets/js/jquery.validate.min.js'
    );
  } else {
    $assets = array(
      'css'       => '/assets/css/main.css',
      'js'        => '/assets/js/scripts.js',
      'modernizr' => '/assets/vendor/modernizr/modernizr.js',
      'jquery'    => '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js',
      'froogaloop2'=> '/assets/js/vendor/froogaloop2.min.js',
      'dsv_player'=> '/assets/js/dsv_player.js',
      'jquery_validation_plugin'=> '/assets/js/jquery.validate.min.js'
    );
  }

and

wp_register_script('jquery_validation_plugin', get_template_directory_uri() . $assets['jquery_validation_plugin'], array('jquery'), null, true);

Any idea what I’m doing wrong?

Cheers, D.

2

You should add your scripts to the jsFileList in Gruntfile.js.

See http://roots.io/using-grunt-for-wordpress-theme-development/ for details.

3

This. You should also be pulling in the plugin with Bower.