Finalisation, affinage du css et ajout d'un système de vérification pour les mdp pour qu'ils soient forts.

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