Add JS verification form

inscrip.php

@@ -40,17 +40,17 @@ include("config.php");
 						echo "$ob";
 					} 
 					?>
-				<form action="inscrip.php" method="post">
+				<form name="inscrip" action="inscrip.php" onsubmit="return validateForm()" method="post">
 					<p>Pseudo <?php if (isset($dejapseudo)){echo $dejapseudo ;} ?></p> <!--Afficher ici que le pseudo est déjà pris si c'est le cas-->
-					<p><input type="text" size="20" maxlength="18" name="pseudo" value= <?php echo '"'.$pseudo.'"'?>/></p>
+					<p><input type="text" size="20" maxlength="18" name="pseudo" value= <?php echo '"'.$pseudo.'"'?> required/></p>
 					<p>Mot de passe</p>
-					<p><input type="password" size="20" maxlength="18" name="pass"/></p>
+					<p><input type="password" size="20" maxlength="18" name="pass" required/></p>
 					<p>Confirmation de mot de passe</p>
-					<p><input type="password" size="20" maxlength="18" name="confpass"/></p>
+					<p><input type="password" size="20" maxlength="18" name="confpass" required/></p>
 					<p>Email <?php if (isset($dejamail)){echo $dejamail ;} ?></p> <!--Afficher ici que le mail est déjà pris si c'est le cas-->
-					<p><input type="text" size="20" maxlength="320" name="mail" value= <?php echo '"'.$mail.'"'?>/></p>
+					<p><input type="text" size="20" maxlength="320" name="mail" value= <?php echo '"'.$mail.'"'?> required/></p>
 					<p>Confirmation Email</p>
-					<p><input type="text" size="20" maxlength="320" name="confmail"/></p>
+					<p><input type="text" size="20" maxlength="320" name="confmail" required/></p>
 					<!--<p><input type="text" size="20" maxlength="18" name="nom"/></p>
 					<p><input type="text" size="20" maxlength="18" name="prenom"/></p>
 					<p><input type="text" size="20" maxlength="18" name="adresse"/></p>
@@ -95,5 +95,40 @@ include("config.php");
 				</form>
 			</article>
 		</section>
+		<script>
+			function validateForm(){
+				var pseudo = document.forms["inscrip"].element["pseudo"].value;
+				if (pseudo == null || pseudo == "") {
+					alert("Pseudo must be filled out");
+					return false;
+				}
+				var pass = document.forms["inscrip"].element["pass"].value;
+				if (pass == null || pass == "") {
+					alert("Password must be filled out");
+					return false;
+				}
+				var confpass = document.forms["inscrip"].element["confpass"].value;
+				if (confpass == null || confpass == "") {
+					alert("You must confirm your password");
+					return false;
+				}
+				var mail = document.forms["inscrip"].element["mail"].value;
+				if (mail == null || mail == "") {
+					alert("Mail must be filled out");
+					return false;
+				}
+				var confmail = document.forms["inscrip"].element["confmail"].value;
+				if (confmail == null || confmail == "") {
+					alert("You must confirm your mail");
+					return false;
+				}
+			}
+		</script>
+		
+		
+		
+		
+		
+		
 	</body>
 </html>