FormValidation.formValidation(
document.getElementById('kt_form_1'),
{
fields: {
email: {
validators: {
notEmpty: {
message: 'Email is required'
},
emailAddress: {
message: 'The value is not a valid email address'
}
}
},
url: {
validators: {
notEmpty: {
message: 'Website URL is required'
},
uri: {
message: 'The website address is not valid'
}
}
},
digits: {
validators: {
notEmpty: {
message: 'Digits is required'
},
digits: {
message: 'The velue is not a valid digits'
}
}
},
creditcard: {
validators: {
notEmpty: {
message: 'Credit card number is required'
},
creditCard: {
message: 'The credit card number is not valid'
}
}
},
phone: {
validators: {
notEmpty: {
message: 'US phone number is required'
},
phone: {
country: 'US',
message: 'The value is not a valid US phone number'
}
}
},
option: {
validators: {
notEmpty: {
message: 'Please select an option'
}
}
},
options: {
validators: {
choice: {
min:2,
max:5,
message: 'Please select at least 2 and maximum 5 options'
}
}
},
memo: {
validators: {
notEmpty: {
message: 'Please enter memo text'
},
stringLength: {
min:50,
max:100,
message: 'Please enter a menu within text length range 50 and 100'
}
}
},
checkbox: {
validators: {
choice: {
min:1,
message: 'Please kindly check this'
}
}
},
checkboxes: {
validators: {
choice: {
min:2,
max:5,
message: 'Please check at least 1 and maximum 2 options'
}
}
},
radios: {
validators: {
choice: {
min:1,
message: 'Please kindly check this'
}
}
},
},
plugins: {
trigger: new FormValidation.plugins.Trigger(),
// Bootstrap Framework Integration
bootstrap: new FormValidation.plugins.Bootstrap(),
// Validate fields when clicking the Submit button
submitButton: new FormValidation.plugins.SubmitButton(),
// Submit the form when all fields are valid
defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
}
}
);
