Jquery Validation For Contact Form 7 Pro adds class-based jQuery validation to Contact Form 7 fields. Add a validation class to each field that needs a rule, then configure the available methods in the add-on settings. Multiple Contact Form 7 forms can appear on one page.

Common and Pro validation methods

Common methods cover required fields, email addresses, URLs, dates, numbers, digits, credit card details, US phone numbers, letters only, and IBANs. Pro adds custom code validation with a one-time code option, custom regular expression rules, username checks, and email code verification.

• Alphanumeric values using letters, numbers, and underscores
• Bank or Giro account numbers and BIC codes
• Positive or negative integers without decimals
• IPv4 and IPv6 addresses
• UK mobile and phone numbers
• US states

Value limits and field relationships

Set minimum or maximum numeric values, or control text length with minimum, maximum, and range length rules. Additional methods can require a value within a range, make one field match another, restrict a file to a specified extension, or require a given number of completed fields in a group.

Error messages and show

The plugin can highlight invalid fields and show individual error messages. Pro lets you change messages in the settings and choose from four validation error themes. Interactive validation gives visitors feedback as they work through a form.

Setup

Install and activate the Pro plugin in WordPress, then review its settings page for instructions. Add the appropriate validation class to each Contact Form 7 field that needs a rule, and configure the required methods, messages, and error theme in the available settings. Test each form after setup, including pages with multiple forms.