Jquery Validation For Contact Form 7 Pro

Classes pick which fields receive validation

Jquery Validation For Contact Form 7 Pro adds jQuery checks to Contact Form 7 fields. Add the appropriate validation class to each field that needs a rule. Invalid entries can be highlighted with an individual error message while users complete the form. Multiple Contact Form 7 forms can appear on one page.

Methods check formats and specific values

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

Additional Pro methods check alphanumeric values containing letters, numbers, and underscores; bank or Giro account numbers; BIC codes; positive or negative integers without decimals; IPv4 and IPv6 addresses; UK mobile and phone numbers; and US states.

Rules set limits and compare fields

• Minimum and maximum number rules set numeric boundaries.
• Minimum length, maximum length, and range length rules limit text length.
• Range requires a value within a specified range.
• Equal To requires one field to match another.
• Extension requires a particular file extension.
• Require Group checks that a specified number of fields in a group are complete.

Error options control feedback

Invalid fields can be highlighted, and each field can have its own error message. Pro lets you change messages in the settings and choose from four validation error themes. Interactive checks provide feedback as users work through a form, alongside Contact Form 7's core validation response after submission.

Configure and test the form

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. Configure the methods, messages, and error theme in the available settings, then test the form. If a page contains multiple Contact Form 7 forms, test those together as well.