How to improve webform client-side validation [VIDEO]

Problem

The Webform module and Drupal core supports HTML5 form validation which has varying levels of browser support, which can create an unpredictable user experience.

Solution

The Clientside Validation module adds clientside validation to all Drupal forms and webforms using the jQuery Validation Plugin.

Please Note

All client side validation should be verified using server side validation to prevent malicious tampering of data. A malicious user could submit bad data to your form. In many use cases, this type of bad data can ignored and/or limited by using SPAM protection like CAPTCHA and/or Honeypot.