This commit is contained in:
Aevann1 2022-01-18 15:44:53 +02:00
parent b0ae285ae6
commit 69152e63a2
4 changed files with 40 additions and 46 deletions

View file

@ -4,11 +4,9 @@ function formkey() {
else return null; else return null;
} }
document.addEventListener("DOMContentLoaded", function(){ var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); tooltipTriggerList.map(function(element){
tooltipTriggerList.map(function(element){ return new bootstrap.Tooltip(element);
return new bootstrap.Tooltip(element);
});
}); });
function post_toast(url, reload, data) { function post_toast(url, reload, data) {

View file

@ -1,45 +1,41 @@
document.addEventListener("DOMContentLoaded", function () { document.getElementById('password-register').addEventListener('input', function () {
document.getElementById('password-register').addEventListener('input', function () { var charCount = document.getElementById("password-register").value;
var id = document.getElementById("passwordHelpRegister");
var successID = document.getElementById("passwordHelpSuccess");
var charCount = document.getElementById("password-register").value; if (charCount.length >= 8) {
var id = document.getElementById("passwordHelpRegister"); id.classList.add("d-none");
var successID = document.getElementById("passwordHelpSuccess"); successID.classList.remove("d-none");
} else {
id.classList.remove("d-none");
successID.classList.add("d-none");
}
});
if (charCount.length >= 8) { document.getElementById('username-register').addEventListener('input', function () {
id.classList.add("d-none");
successID.classList.remove("d-none"); const userName = document.getElementById("username-register").value;
} else { const id = document.getElementById("usernameHelpRegister");
id.classList.remove("d-none");
successID.classList.add("d-none"); 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)
document.getElementById('username-register').addEventListener('input', function () { .then(res => res.json())
.then(json => {
const userName = document.getElementById("username-register").value; if (!json[userName]) {
const id = document.getElementById("usernameHelpRegister"); id.innerHTML = '<span class="form-text font-weight-bold text-danger mt-1">Username already taken :(</span>';
}
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>';
}
})
}
} }
}); }
}); });

View file

@ -207,7 +207,7 @@
</div> </div>
</nav> </nav>
<script src="/static/assets/js/header.js?a=202"></script> <script src="/static/assets/js/header.js?a=203"></script>
<style> <style>
.notif-count { .notif-count {

View file

@ -154,7 +154,7 @@
</div> </div>
</div> </div>
<script src="/static/assets/js/signup.js?a=202"></script> <script src="/static/assets/js/signup.js?a=203"></script>
{% if hcaptcha %} {% if hcaptcha %}
<script src="/static/assets/js/hcaptcha.js?a=202"></script> <script src="/static/assets/js/hcaptcha.js?a=202"></script>