Jquery Validation For Contact Form 7 Pro

Jquery Validation For Contact Form 7 Pro applies jQuery validation to Contact Form 7 fields. Add validation classes to the fields that need checks; the classes determine which rules apply. The add-on works with multiple Contact Form 7 forms on one page.

Choose checks for the values your form collects

Common methods cover required fields, email addresses, URLs, dates, numbers, digits, credit card details, US phone numbers, letters only, and IBANs.

Pro adds checks for more specific formats and inputs:

• Custom code validation with a one-time code option, custom regular expression patterns, username checks, and email code verification
• Alphanumeric values containing 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, and US states

Set limits and compare related fields

Numeric minimum and maximum rules define acceptable value boundaries. Minimum length, maximum length, and range length rules control how much text a field accepts. Pro also includes rules to require a value within a range, match another field, accept a specified file extension, or require a set number of completed fields in a group.

What users see when a field fails

The extension can highlight invalid fields and show an individual error message for each field. Pro lets you change messages in the settings and pick from four validation error themes. Visitors receive interactive feedback as they complete the form, alongside Contact Form 7’s core validation response after submission.

Configure and check your forms

Install and activate the Pro plugin in WordPress, then review its settings page for instructions. In each Contact Form 7 form, add the appropriate validation class to the fields that need rules. Configure the validation methods, messages, and error theme in the available settings. Test each form after setup, including pages with multiple Contact Form 7 forms.