Modules

clientside_validation

This is the core module, all it does is add data- attributes to the HTML form elements. If an HTML5 attribute exists it is used as is.

clientside_validation_jquery

This modules adds the jQuery Validation Plugin.

If you use this module as-is and you do not download the library, it will be automatically included by linking to the CDN version.

If you would prefer to download the library, you can either install it manually or using Composer.

To install the library using drush:

1. Install the module clientside_validation_jquery.

2. Execute drush [alias] cvjld.

To install the library manually:

1. Download the jQuery Validation library from http://jqueryvalidation.org/ . jQuery Validation 1.20.0 or higher is recommended.

2. If it does not already exist, create a folder named libraries at the web root of your Drupal site. Then, create a folder named jquery-validation inside of the libraries folder (i.e.: /libraries/jquery-validation).

3. Extract the ZIP you downloaded in step 1 inside of the /libraries/jquery-validation folder (i.e.: so that the jquery.validate.js file is at /libraries/jquery-validation/dist/jquery.validate.js).

To install the library using Composer:

Check composer.example.json in module directory for a complete working example with npm-asset.

1. Add the proper repository to your composer.json file to be able to require the JS library. We need npm-assets, merge following in project root's composer.json file.

     "repositories": {
       "npm-assets": {
           "type": "composer",
           "url": "https://asset-packagist.org"
       }
     }

2. We also need to ensure npm-asset is added as Drupal Library. Merge following in project root's composer.json file.

     "extra": {
       "installer-types": [
           "npm-asset"
       ],
       "installer-paths": {
         "web/libraries/{$name}": [
           "type:npm-asset"
         ],
       }
     }

   It is always good to download and use the latest version here but new versions may not work as expected since those are not tested properly.

3. Require following composer dependencies.

composer require oomphinc/composer-installers-extender
composer require npm-asset/jquery-validation:^1.20

4. Install module as usual.

Extend

If you need support for other contrib modules, you can add a CvValidator plugin to that module and it will be picked up by the base module.

If you require custom javascript, you can implement hook_clientside_validation_validator_info_alter()

Contribute

See the Drupal 8 port issue

Test it

On simplytest.me