From 6ee8ad125692175ddfb705080a4bc54b76c5a4f6 Mon Sep 17 00:00:00 2001
From: Debulois <quentin@debulois.fr>
Date: Wed, 6 Apr 2022 21:37:53 +0200
Subject: Finalisation, affinage du css et ajout d'un système de vérification
 pour les mdp pour qu'ils soient forts.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Static/Js/register.js | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 Static/Js/register.js

(limited to 'Static/Js/register.js')

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
-- 
cgit v1.2.3