jFormat ( v1.0 )
- Amit Shejekan

What is jFormat?

As developers we design innumerous web forms with almost each field requiring some kind of format check. Common examples being email, phone number, zip codes etc.
jFormat is a reusable jQuery plugin aimed at making format checks easy.
Simply put a developer can inject various format checks onto form fields by just assigning appropriate class name to the field.
Please see the Demo for more details.

Download

How to Use jFormat

Using jFormat is very easy

Download the latest jFormat plugin
Add the following lines to head section of the file, where you need format checker implemented
Add appropriate class name preceeded by "check_" to the fields that need format validation
Example: <input type="text" name="user_email" class="check_email">
Call the checkFormat() function whenever you need the format validation done
Example:
<script>

function fnSubmit(){

$(document).checkFormat();

// Do Something

}

</script>
Detailed Demo file is available in the download

How to Create Custom Formats

To create custom formats in jFormat

Open jFormat.js in an editor
Add the following variables
1. var <classname>_regex = Regular Expression
2. var <classname>_error_message = "Message to be displayed in case the value does not match the format"
Use the class name as "check_<classname>" in the fields that needs format validation

Pre-Defined Formats

S.No	Type	Class Name	Format
1	Email	check_email	abc@xyz.com
2	URL	check_url	http://www.google.com
3	Integer Only	check_integer	NNNN
4	Floating Type	check_float	NNNN.NN
5	Alphabets Only	check_string	Hello
6	Phone Number	check_phone	(NNN)NNN-NNNN
7	Date	check_date	NN-NN-NNNN
8	Time	check_time	NN:NN
9	SSN	check_ssn	NNN-NN-NNNN
10	Zip Code	check_zip	NNNNN
Legend: N = Digit

Demo

Name	Alphabets Only
Email	abc@xyz.com
URL	http://www.google.com
Integers Only	Integers Only
Float	123.23
Phone Number	NNN-NNN-NNNN
Zip Code	NNNNN
SSN	NNN-NN-NNNN
Date	NN-NN-NNNN
Time	NN:NN

jFormat ( v1.0 ) - Amit Shejekan