WordPress.org

Ready to get started?Download WordPress

Forums

Contact 7 Form Hack - How can I add Query Validation Engine to form? (2 posts)

  1. wpclues
    Member
    Posted 2 years ago #

    Hello,

    I would like to add the following jQuery Validation Plugin
    http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

    to Contact Form 7
    http://wordpress.org/extend/plugins/contact-form-7/

    ...but I cannot figure out how to:

    1. Disable the Contact Form 7 internal validation

    2. Add the required class "validate[required]" which includes brackets "[]" into the Contact 7 Form Input field which also have brackets [text id:name ....]

    3. Get the validation plugin to start on Ajax submit and to re-check on validation on successive Ajax submissions where errors are still present.

    -=-

    If anyone has setup the jQuery Validation Engine to work with Contact Form 7 Plugin or can easily figure this out, please let me know.

    Thanks!!!!

  2. Artform
    Member
    Posted 1 year ago #

    Simply add validationEngine JS and CSS files to your theme header. Attach validation engine to all forms or the ID of the Contact7 form.

    <script>jQuery("form").validationEngine('attach');</script>

    Then add the CSS tags to your Contact7 form. The option is available in your form.

    No need to disable C7's validation. Just don't activate it on any of your fields.

Topic Closed

This topic has been closed to new replies.

About this Topic