rDrama/files/assets/js/signup.js

47 lines
1.7 KiB
JavaScript

document.getElementById('password-register').addEventListener('input', function () {
const charCount = document.getElementById("password-register").value;
const id = document.getElementById("passwordHelpRegister");
const successID = document.getElementById("passwordHelpSuccess");
if (charCount.length >= 8) {
id.classList.add("d-none");
successID.classList.remove("d-none");
} else {
id.classList.remove("d-none");
successID.classList.add("d-none");
}
});
document.getElementById('username-register').addEventListener('input', function () {
const userName = document.getElementById("username-register").value;
const id = document.getElementById("usernameHelpRegister");
if (/[^a-zA-Z0-9_\-$]/.test(userName)) {
id.innerHTML = '<span class="form-text font-weight-bold text-danger mt-1">No special characters or spaces allowed.</span>';
} else {
id.innerHTML = '<span class="form-text font-weight-bold text-success mt-1">Username is a-okay!</span>';
if (userName.length < 3) {
id.innerHTML = '<span class="form-text font-weight-bold text-muted mt-1">Username must be at least 3 characters long.</span>';
} else if (userName.length > 25) {
id.innerHTML = '<span class="form-text font-weight-bold text-danger mt-1">Username must be 25 characters or less.</span>';
}
else {
fetch('/is_available/' + userName)
.then(res => res.json())
.then(json => {
if (!json[userName]) {
id.innerHTML = '<span class="form-text font-weight-bold text-danger mt-1">Username already taken :(</span>';
}
})
}
}
});
document.getElementById('email-register').addEventListener('focus', (e) => {
if (e.target.hasAttribute('readonly')) {e.target.removeAttribute('readonly');e.target.blur();e.target.focus()}
});