var BaseFormValidation = function() { var initValidationBootstrap = function(){ jQuery('.js-validation-bootstrap').validate({ errorClass: 'help-block animated fadeInDown', errorElement: 'div', errorPlacement: function(error, e) { jQuery(e).parents('.form-group > div').append(error); }, highlight: function(e) { jQuery(e).closest('.form-group').removeClass('has-error').addClass('has-error'); jQuery(e).closest('.help-block').remove(); }, success: function(e) { jQuery(e).closest('.form-group').removeClass('has-error'); jQuery(e).closest('.help-block').remove(); }, rules: { 'val-username': { required: true, minlength: 3 }, 'val-email': { required: true, email: true }, 'val-password': { required: true, minlength: 5 }, 'val-confirm-password': { required: true, equalTo: '#val-password' }, 'val-suggestions': { required: true, minlength: 5 }, 'val-skill': { required: true }, 'val-website': { required: true, url: true }, 'val-digits': { required: true, digits: true }, 'val-number': { required: true, number: true }, 'val-range': { required: true, range: [1, 10] }, 'val-terms': { required: true } }, messages: { 'val-username': { required: 'Please enter a username', minlength: 'Your username must consist of at least 3 characters' }, 'val-email': 'Please enter a valid email address', 'val-password': { required: 'Please provide a password', minlength: 'Your password must be at least 5 characters long' }, 'val-confirm-password': { required: 'Please provide a password', minlength: 'Your password must be at least 5 characters long', equalTo: 'Please enter the same password as above' }, 'val-suggestions': 'What can we do to become better?', 'val-skill': 'Please select a skill!', 'val-website': 'Please enter your website!', 'val-digits': 'Please enter only digits!', 'val-number': 'Please enter a number!', 'val-range': 'Please enter a number between 1 and 10!', 'val-terms': 'You must agree to the service terms!' } }); }; return { init: function () { // Init Bootstrap Forms Validation initValidationBootstrap(); } }; }(); // Initialize when page loads jQuery(function(){ BaseFormValidation.init(); });