Ümit Tunç
79 lines
2.6 KiB
JavaScript
79 lines
2.6 KiB
JavaScript
/*
|
|
* Document : op_auth_signup.js
|
|
* Author : pixelcave
|
|
* Description: Custom JS code used in Sign Up Page
|
|
*/
|
|
|
|
// Form Validation, for more examples you can check out https://github.com/jzaefferer/jquery-validation
|
|
class OpAuthSignUp {
|
|
/*
|
|
* Init Sign Up Form Validation
|
|
*
|
|
*/
|
|
static initValidationSignUp() {
|
|
jQuery('.js-validation-signup').validate({
|
|
errorClass: 'invalid-feedback animated fadeInDown',
|
|
errorElement: 'div',
|
|
errorPlacement: (error, e) => {
|
|
jQuery(e).parents('.form-group > div').append(error);
|
|
},
|
|
highlight: e => {
|
|
jQuery(e).closest('.form-group').removeClass('is-invalid').addClass('is-invalid');
|
|
},
|
|
success: e => {
|
|
jQuery(e).closest('.form-group').removeClass('is-invalid');
|
|
jQuery(e).remove();
|
|
},
|
|
rules: {
|
|
'signup-username': {
|
|
required: true,
|
|
minlength: 3
|
|
},
|
|
'signup-email': {
|
|
required: true,
|
|
email: true
|
|
},
|
|
'signup-password': {
|
|
required: true,
|
|
minlength: 5
|
|
},
|
|
'signup-password-confirm': {
|
|
required: true,
|
|
equalTo: '#signup-password'
|
|
},
|
|
'signup-terms': {
|
|
required: true
|
|
}
|
|
},
|
|
messages: {
|
|
'signup-username': {
|
|
required: 'Please enter a username',
|
|
minlength: 'Your username must consist of at least 3 characters'
|
|
},
|
|
'signup-email': 'Please enter a valid email address',
|
|
'signup-password': {
|
|
required: 'Please provide a password',
|
|
minlength: 'Your password must be at least 5 characters long'
|
|
},
|
|
'signup-password-confirm': {
|
|
required: 'Please provide a password',
|
|
minlength: 'Your password must be at least 5 characters long',
|
|
equalTo: 'Please enter the same password as above'
|
|
},
|
|
'signup-terms': 'You must agree to the service terms!'
|
|
}
|
|
});
|
|
}
|
|
|
|
/*
|
|
* Init functionality
|
|
*
|
|
*/
|
|
static init() {
|
|
this.initValidationSignUp();
|
|
}
|
|
}
|
|
|
|
// Initialize when page loads
|
|
jQuery(() => { OpAuthSignUp.init(); });
|