added checks and controls before entering the servlet

pastore99 · Dec 23, 2023 · f3b821d · f3b821d
1 parent cbc5915
commit f3b821d
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/main/webapp/JSP/registration.jsp b/src/main/webapp/JSP/registration.jsp
@@ -16,23 +16,23 @@
             <button class="button" type="submit" value="Sign Up" id="signUpButton"><div class="text-wrapper-3">Sign Up</div></button>
             <div class="input-fields">
                 <div class="input-3">
-                    <input class="text-wrapper-4" type="number" id="pin" placeholder="Inserisci il PIN o Licenza">
+                    <input class="text-wrapper-4" type="text" id="pin" placeholder="Inserisci il PIN o Licenza" pattern="\b(\d{4}|\d{8})\b" title="Devi inserire un numero di 4 o 8 cifre" required>
                     <img class="img" src="../images/registration/icon-user-outline.svg" />
                 </div>
                 <div class="input-2">
-                    <input class="text-wrapper-4" type="text" id="cognome" placeholder="Il tuo cognome">
+                    <input class="text-wrapper-4" type="text" id="cognome" placeholder="Il tuo cognome" pattern="^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]+$" title="Il cognome deve contenere solo lettere, spazi, trattini, apostrofi e accenti." required >
                     <img class="img" src="../images/registration/icon-user-outline.svg" />
                 </div>
                 <div class="input">
-                    <input class="text-wrapper-4" type="text" id="nome" placeholder="Il tuo nome">
+                    <input class="text-wrapper-4" type="text" id="nome" placeholder="Il tuo nome" pattern="^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]+$" title="Il nome deve contenere solo lettere, spazi, trattini, apostrofi e accenti." required >
                     <img class="img" src="../images/registration/icon-user-outline.svg" />
                 </div>
                 <div class="input-4">
-                    <input class="text-wrapper-4" type="email" id="email" placeholder="La tua e-mail">
+                    <input class="text-wrapper-4" type="email" id="email" placeholder="La tua e-mail" required >
                     <img class="img" src="../images/registration/icon-email.svg" />
                 </div>
                 <div class="input-5">
-                    <input class="text-wrapper-4" type="password" id="password" placeholder="La tua password">
+                    <input class="text-wrapper-4" type="password" id="password" placeholder="La tua password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{12,}" title="La password deve contenere almeno un numero, una lettera maiuscola e una minuscola, e deve avere almeno 12 caratteri." required >
                     <img class="icon-eye-slash" src="../images/registration/icon-eye-slash.svg" />
                     <img class="img" src="../images/registration/icon-password.svg" />
                 </div>
@@ -43,7 +43,7 @@
                         <span class="text-wrapper-5"> di TalkAId e policy sulla </span>
                         <span class="text-wrapper-6">Privacy</span>
                     </p>
-                    <input type="checkbox" class="checkbox" id="myCheckbox" style="display: none;" />
+                    <input type="checkbox" class="checkbox" id="myCheckbox" style="display: none;" required />
                     <label for="myCheckbox">
                         <img class="checkbox" src="../images/registration/checkbox.svg" />
                     </label>