diff options
Diffstat (limited to 'Static/Js/register.js')
| -rw-r--r-- | Static/Js/register.js | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/Static/Js/register.js b/Static/Js/register.js new file mode 100644 index 0000000..c751b77 --- /dev/null +++ b/Static/Js/register.js @@ -0,0 +1,43 @@ + +// ############################################################################ +// # # +// # Description: JS de la partie inscription # +// # # +// ############################################################################ + +// Regex pour vérifier la validité du mdp +const numb = new RegExp(/[0-9]/) +const upper = new RegExp(/[A-Z]/) +const special = new RegExp(/[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~µ°€£]/) + +function is_valid(condition, element) { + // Si la regex est bonne on selectionne la class css pour l'afficher + if (condition) { + document.getElementById(element).classList.remove("invalid"); + document.getElementById(element).classList.add("valid"); + return true; + } else { + document.getElementById(element).classList.remove("valid"); + document.getElementById(element).classList.add("invalid"); + return false; + } +} + +function check_pass() { + // On récupère les éléments dans la page et on test nos regex sur le mdp + let pass = document.getElementById("password").value; + let submitButton = document.getElementById("submit"); + let validNumb = is_valid(numb.test(pass), "passNumb"); + let validUpper = is_valid(upper.test(pass), "passUpper"); + let validSpecial = is_valid(special.test(pass), "passSpecial"); + let validLength = is_valid((pass.length >= 8), "passLength"); + + // Si tout est validé on active le button sumbit + if (validLength && validUpper && validNumb && validSpecial) { + submitButton.classList.remove("deactivate"); + submitButton.disabled = false; + } else { + submitButton.classList.add("deactivate"); + submitButton.disabled = true; + } +}
\ No newline at end of file |