/* * Document : readyRegister.js * Author : pixelcave * Description: Custom javascript code used in Register page */ $(document).ready( function(){ $("#submitButton").attr("disabled", true); }); function enableBtn(){ $('#submitButton').attr('disabled', false); } var ReadyRegister = function() { return { init: function() { /* * Jquery Validation, Check out more examples and documentation at https://github.com/jzaefferer/jquery-validation */ /* Register form - Initialize Validation */ $('#form-register').validate({ errorClass: 'help-block animation-slideUp', // You can change the animation class for a different entrance animation - check animations page errorElement: 'div', errorPlacement: function(error, e) { e.parents('.form-group > div').append(error); }, highlight: function(e) { $(e).closest('.form-group').removeClass('has-success has-error').addClass('has-error'); $(e).closest('.help-block').remove(); }, success: function(e) { if (e.closest('.form-group').find('.help-block').length === 2) { e.closest('.help-block').remove(); } else { e.closest('.form-group').removeClass('has-success has-error'); e.closest('.help-block').remove(); } }, rules: { 'register-fname': { required: true, }, 'register-lname': { required: true, }, 'register-email': { required: true, email: true }, 'register-password': { required: true, minlength: 5 }, 'register-password-verify': { required: true, equalTo: '#register-password' }, 'register-cname':{ required: true }, 'register-ctype':{ required: true }, 'register-holes':{ required: true } }, messages: { 'register-fname': { required: 'Please enter a first name', }, 'register-lname': { required: 'Please enter a last name', }, 'register-email': 'Please enter a valid email address', 'register-password': { required: 'Please provide a password', minlength: 'Your password must be at least 5 characters long' }, 'register-password-verify': { required: 'Please provide a password', minlength: 'Your password must be at least 5 characters long', equalTo: 'Please enter the same password as above' }, 'register-cname':{ required: 'Please provide the name of your course' }, 'register-ctype':{ required: 'Do you want your course data to be private? Tell us!' }, 'register-holes':{ required: 'Please select the size of your course' } } }); } }; }();