jQuery Form Input Auto Tab and Input Validation works with Contact Form 7 WordPress Plugin

This plugin is currently under maintenance, will be back shortly.

Are you looking for text validation to validate phone numbers and text?
Are you looking for a simple way to integrate this into Contact Form 7?
Are you looking for a simple way to auto tab input fields on your form?

This simple plugin I wrote utilizes a wonderful piece of JavaScript written by Matthew Miller

All credit is given to Matthew Miller for his jQuery Script this plugin utilizes

**I simply wrote a plugin that integrates this script into the footer of your wordpress site for easy use and integration**

Click Here To Download The WordPress Plugin

Usage:  First Install to your plugin directory (ex:   /wp-content/plugins/  )

make sure your input field has a maxlength value for auto-tab feature to work
any field with maxlength will automatically tab when it reaches the length

include the following in your input class to activate each text validation option:
class=”numeric”    –  numbers 0 to 9 only
class=”alpha”  –  a to z alphabet only
class=”text”  –  any character except numbers 0 to 9
class=”alphanumeric”  – a to z and 0 to 9
class=”uppercase”  –  uppercase only, will transform lowercase text
class=”lowercase”   – lowercase only, will transform uppercase text
class=”nospace”   – no spaces allowed
html example:
<input type=”text” maxlength=”3″ value=”value” name=”name”>

for contact form 7 integration you can add multiple classes like this:
class:numeric
class:alpha
class:text
class:alphanumeric
class:uppercase
class:lowercase
class:nospace
example:

[text your-text /3 class:text class:uppercase]

***NOTE you can link mulptiple classes together ie:  class:alpha class:lowercase

Click Here To Download The WordPress Plugin

Example:

Numeric - Number 0 to 9 ONLY
good for phone validation

Alpha - a to z ONLY

Text - any character EXCEPT 0 to 9

Alphanumeric - a to z AND 0 to 9

Uppercase - ALL text uppercase

Lowercase - ALL text lowercase

NoSpace - NO SPACE allowed
good for email validation

Multiple Values Example: Alpha, NoSpace, Uppercase

Click Here To Download The WordPress Plugin

Have any questions?  Feel Free to Contact Me!

Other WordPress Plugin:
Thickbox Pop Up On Load Auto Load
for Pages or Posts WordPress Shortcode


7 thoughts on “jQuery Form Input Auto Tab and Input Validation works with Contact Form 7 WordPress Plugin

  1. Pingback: Wordpress Thickbox Pop Up On Load Auto Load for Pages or Posts Shortcode

  2. Dear Nathan,

    This is a very nice plugin!

    Is there a way I could format the class so that it will allow only telephone numbers of 10 digits in the following formats?

    5555555555
    555.555.5555
    555-555-5555

    Many thanks

    Luis

  3. This is an awesome plugin it works great! Only thing is I’m trying to figure a way to target the plugin to only certain fields. I want the auto tab on a specific page only, and to not effect the entire site. Any ideas?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>