nodebb/public/src/forum/register.js

199 lines
4.7 KiB
JavaScript

'use strict';
/* globals define, app, utils, socket, config */
define(function() {
var Register = {},
validationError = false,
successIcon = '<i class="fa fa-check"></i>';
function showError(element, msg) {
translator.translate(msg, function(msg) {
element.html(msg);
element.parent()
.removeClass('alert-success')
.addClass('alert-danger');
element.show();
});
validationError = true;
}
function showSuccess(element, msg) {
translator.translate(msg, function(msg) {
element.html(msg);
element.parent()
.removeClass('alert-danger')
.addClass('alert-success');
element.show();
});
}
function validateEmail(email, callback) {
callback = callback || function() {};
var email_notify = $('#email-notify');
if (!email) {
validationError = true;
return;
}
if (!utils.isEmailValid(email)) {
showError(email_notify, '[[error:invalid-email]]');
return;
}
socket.emit('user.emailExists', {
email: email
}, function(err, exists) {
if(err) {
return app.alertError(err.message);
}
if (exists) {
showError(email_notify, '[[error:email-taken]]');
} else {
showSuccess(email_notify, successIcon);
}
callback();
});
}
function validateUsername(username, callback) {
callback = callback || function() {};
var username_notify = $('#username-notify');
if (!username) {
validationError = true;
return;
}
if (username.length < config.minimumUsernameLength) {
showError(username_notify, '[[error:username-too-short]]');
} else if (username.length > config.maximumUsernameLength) {
showError(username_notify, '[[error:username-too-long]]');
} else if (!utils.isUserNameValid(username) || !utils.slugify(username)) {
showError(username_notify, '[[error:invalid-username]]');
} else {
socket.emit('user.exists', {
username: username
}, function(err, exists) {
if(err) {
return app.alertError(err.message);
}
if (exists) {
showError(username_notify, '[[error:username-taken]]');
} else {
showSuccess(username_notify, successIcon);
}
callback();
});
}
}
function validatePassword(password, password_confirm) {
if (!password) {
validationError = true;
return;
}
var password_notify = $('#password-notify'),
password_confirm_notify = $('#password-confirm-notify');
if (password.length < config.minimumPasswordLength) {
showError(password_notify, '[[user:change_password_error_length]]');
} else if (!utils.isPasswordValid(password)) {
showError(password_notify, '[[user:change_password_error_]]');
} else {
showSuccess(password_notify, successIcon);
}
if (password !== password_confirm && password_confirm !== '') {
showError(password_confirm_notify, '[[user:change_password_error_match]]');
}
}
function validatePasswordConfirm(password, password_confirm) {
var password_notify = $('#password-notify'),
password_confirm_notify = $('#password-confirm-notify');
if (!password || password_notify.hasClass('alert-error')) {
return;
}
if (password !== password_confirm) {
showError(password_confirm_notify, '[[user:change_password_error_match]]');
} else {
showSuccess(password_confirm_notify, successIcon);
}
}
Register.init = function() {
var email = $('#email'),
username = $('#username'),
password = $('#password'),
password_confirm = $('#password-confirm'),
register = $('#register'),
agreeTerms = $('#agree-terms');
$('#referrer').val(app.previousUrl);
email.on('blur', function() {
validateEmail(email.val());
});
username.on('keyup', function() {
$('#yourUsername').html(this.value.length > 0 ? this.value : 'username');
});
username.on('blur', function() {
validateUsername(username.val());
});
password.on('blur', function() {
validatePassword(password.val(), password_confirm.val());
});
password_confirm.on('blur', function() {
validatePasswordConfirm(password.val(), password_confirm.val());
});
function validateForm(callback) {
validationError = false;
validatePassword(password.val(), password_confirm.val());
validatePasswordConfirm(password.val(), password_confirm.val());
validateEmail(email.val(), function() {
validateUsername(username.val(), callback);
});
}
register.on('click', function(e) {
var registerBtn = $(this);
e.preventDefault();
validateForm(function() {
if (!validationError) {
registerBtn.parents('form').trigger('submit');
}
});
});
if(agreeTerms.length) {
agreeTerms.on('click', function() {
if ($(this).prop('checked')) {
register.removeAttr('disabled');
} else {
register.attr('disabled', 'disabled');
}
});
register.attr('disabled', 'disabled');
}
};
return Register;
});