var options = {
rules: {
name: { type: 'text' },
email: { type: 'email' }
}
};
$('#form-one').validate(options);
var options2 = {
rules: {
name2: { type: 'text', errMsg: 'Enter your name' },
email2: { type: 'email', errMsg: 'Enter your email' }
}
};
$('#form-two').validate(options2);
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);
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);
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);
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);