jQuery form validation - simple and lightweight (jquery.form.validation.2.0.0.js)

Demo one:

var options = { rules: { name: { type: 'text' }, email: { type: 'email' } } }; $('#form-one').validate(options);

Demo two:

var options2 = { rules: { name2: { type: 'text', errMsg: 'Enter your name' }, email2: { type: 'email', errMsg: 'Enter your email' } } }; $('#form-two').validate(options2);

Demo three:

function checkusername(obj){ if( $('#'+obj.id).val().length >= 5 ) return true; else return false; } function customError(obj){ if( obj.isValidField === false ) { alert(obj.field.errMsg); } } var options3 = { rules: { username: { type: 'text', errMsg: 'Username must be at least 5 character long', customMethod: checkusername, errReplace: customError }, email3: { type: 'email', errMsg: 'Enter your email' } } }; $('#form-three').validate(options3);

Demo four:

checkout the console
var options4 = { rules: { name4: { type: 'text', errMsg: 'Enter your name' }, email4: { type: 'email', errMsg: 'Enter your email' } }, errorReplacement: true, onComplete: function(form){ console.log(form); } }; $('#form-four').validate(options4);

Demo five:

checkout the console
var options5 = { rules: { name5: { type: 'text', errMsg: 'Enter your name' }, type: { type: 'text', errMsg: 'Required field' }, nid: { type: 'text', errMsg: 'Enter your NID', require: { name: 'type', value: 'yes' } } }, onComplete: function(form){ console.log(form); } }; $('#form-five').validate(options5);

Demo complex

Male Female
Good? why? Bad? why? Avg? why?
I agree with the terms and conditions
Juice Fried rice Spicy food
checkout the console!
var settings = { rules: { name6: { type: 'text', errMsg: 'Enter your name' }, gender: { type: 'radio', errMsg: 'Select your gender' }, feedback: { type: 'array', errMsg: 'Field requried' }, agree: { type: 'checkbox', errMsg: 'You must agree with the terms' }, like: { type: 'array', errMsg: 'Requried' } }, onComplete: function(form){ console.log(form); } }; $('#form-six').validate(settings);