From ebb060e5a4e78c377abae67b5a510a0ab80218e0 Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Mon, 24 Apr 2023 09:22:34 +0200
Subject: [PATCH] settingsForm.reportValidity

---
 index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 1d08504..d38eb1a 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
             <h1 id="titleHeader" class="modal-title w-100 text-center">QUATRIS</h1>
           </div>
           <div class="modal-body">
-            <form name="settingsForm" class="needs-validation" novalidate oninput="resumeButton.disabled = !settingsForm.checkValidity()">
+            <form name="settingsForm" class="needs-validation" novalidate oninput="resumeButton.disabled = !settingsForm.checkValidity(); settingsForm.reportValidity()">
               <fieldset id="keyBindFielset" class="row g-2 mb-3 align-items-center text-center">
                 <legend class="text-start">Commandes</legend>
                 <label for="moveLeftInput" title="Gauche" class="col-sm-2 col-form-label d-flex align-items-center justify-content-center">
@@ -79,13 +79,13 @@
                 <label for="arrInput" class="col-sm-2 col-form-label" title="Automatic Repeat Rate : période de répétition de l'action">ARR</label>
                 <div class="col-sm-4">
                   <div class="input-group">
-                    <input name="arr" id="arrInput" type="number" class="form-control text-center" value="50" min="2" max="200" step="1" required onInput="arrInput.reportValidity()">
+                    <input name="arr" id="arrInput" type="number" class="form-control text-center" value="50" min="2" max="200" step="1" required>
                     <div class="input-group-text">ms</div>
                   </div>
                 </div>
                 <div class="col-sm-4">
                   <div class="input-group">
-                    <input name="das" id="dasInput" type="number" class="form-control text-center" value="300" min="100" max="500" step="5" required onInput="dasInput.reportValidity()">
+                    <input name="das" id="dasInput" type="number" class="form-control text-center" value="300" min="100" max="500" step="5" required>
                     <div class="input-group-text">ms</div>
                   </div>
                 </div>
@@ -95,7 +95,7 @@
                 <legend class="text-start">Partie</legend>
                 <label for="levelInput" class="col-sm-2 col-form-label text-center">Niveau</label>
                 <div class="col-sm-4">
-                  <input name="startLevel" id="levelInput" type="number" class="form-control text-center" value="1" min="1" max="15" required onInput="startLevel.reportValidity()">
+                  <input name="startLevel" id="levelInput" type="number" class="form-control text-center" value="1" min="1" max="15" required>
                 </div>
                 <div class="col-sm-4">
                   <button id="resumeButton" type="submit" data-bs-dismiss="modal" class="btn btn-primary form-control" autofocus>Jouer</button>