124 lines
3.3 KiB
JavaScript
124 lines
3.3 KiB
JavaScript
'use strict';
|
|
/* global location $ */
|
|
|
|
// Validate email addresses
|
|
function validateEmail(email) {
|
|
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
return re.test(email);
|
|
}
|
|
|
|
// Replace inputed value with response
|
|
function validateFromEndpoint(type, selector, cb) {
|
|
$.get('/validate?'+type+'='+$(selector).val())
|
|
.done(function(data){
|
|
$(selector).val(data);
|
|
cb();
|
|
});
|
|
}
|
|
|
|
// On page load
|
|
$(function(){
|
|
|
|
function validateForm(input) {
|
|
|
|
// Everything passed - make sure no help texts are visible
|
|
function recheckInputs() {
|
|
if ($('#email-help').is(":visible")) {
|
|
$('#submit-group .main').prop('disabled',true).prop('title',"You need to supply a different email address. ");
|
|
}
|
|
else if ($('#slug-help').is(":visible")) {
|
|
$('#submit-group .main').prop('disabled',true).prop('title',"You need to supply a different slug. ");
|
|
}
|
|
else {
|
|
$('#submit-group .main').prop('disabled',false).prop('title',"Click here to save your changes. ");
|
|
}
|
|
}
|
|
|
|
// Empty fields
|
|
if ($('#slug-input').val()===''){
|
|
$('#slug-help').show().text("A slug is required. ");
|
|
$('#submit-group .main').prop('disabled',true).prop('title',"You need to enter a slug. ");
|
|
}
|
|
else if ($('#email-input').val()===''){
|
|
$('#email-help').show().text("An email is required. ");
|
|
$('#submit-group .main').prop('disabled',true).prop('title',"You need to enter an email address. ");
|
|
}
|
|
|
|
// Is email
|
|
else if (!validateEmail($('#email-input').val())) {
|
|
$('#email-help').show().text("You must enter a valid email address. ");
|
|
$('#submit-group .main').prop('disabled',true).prop('title',"You need to enter a valid email address. ");
|
|
}
|
|
|
|
// Validate unique fields with server
|
|
else if (input) {
|
|
|
|
// Make AJAX request
|
|
$.get('/validate?'+input+'='+$('#'+input+'-input').val())
|
|
.fail(function(data,status){
|
|
|
|
console.log(typeof status);
|
|
console.log(status);
|
|
|
|
// Input is not unique
|
|
if (status===400) {
|
|
$('#'+input+'-help').show().text("That "+input+" is already in use by another user. ");
|
|
$('#submit-group .main').prop('disabled',true).prop('title',"You need to supply a different "+input+". ");
|
|
}
|
|
|
|
// Server error
|
|
else {
|
|
$('#'+input+'-help').show().text("Unable to confirm unique "+input+" with the server. This might not work... ");
|
|
recheckInputs();
|
|
}
|
|
|
|
})
|
|
|
|
// Input is unique
|
|
.done(function(){
|
|
$('#'+input+'-help').hide();
|
|
recheckInputs();
|
|
});
|
|
|
|
}
|
|
|
|
// All passed
|
|
else { recheckInputs(); }
|
|
|
|
}
|
|
|
|
// Validate slug
|
|
$('#slug-input').change(function(){
|
|
validateFromEndpoint('slugify','#slug-input',function(){
|
|
validateForm(slug);
|
|
});
|
|
});
|
|
|
|
// Validate email
|
|
$('#email-input').change(function(){
|
|
validateForm('email');
|
|
});
|
|
|
|
// Validate name
|
|
$('#name-input').change(function(){
|
|
validateFromEndpoint('xss','#name-input',validateForm);
|
|
});
|
|
|
|
// Delete account
|
|
$('#delete').click(function(){
|
|
if (confirm("Are you sure you want to delete your account? This CANNOT be undone! ")) {
|
|
$.ajax({
|
|
url: "/settings",
|
|
type: "DELETE",
|
|
success: function(){
|
|
location.reload();
|
|
},
|
|
fail: function(){
|
|
alert("Failed to delete account!");
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
});
|