adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

settingsForm.reportValidity

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-04-24 09:22:34 +02:00
parent 7407fd1138
commit ebb060e5a4
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -22,7 +22,7 @@
<h1 id="titleHeader" class="modal-title w-100 text-center">QUATRIS</h1> <h1 id="titleHeader" class="modal-title w-100 text-center">QUATRIS</h1>
</div> </div>
<div class="modal-body"> <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"> <fieldset id="keyBindFielset" class="row g-2 mb-3 align-items-center text-center">
<legend class="text-start">Commandes</legend> <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"> <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> <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="col-sm-4">
<div class="input-group"> <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 class="input-group-text">ms</div>
</div> </div>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="input-group"> <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 class="input-group-text">ms</div>
</div> </div>
</div> </div>
@ -95,7 +95,7 @@
<legend class="text-start">Partie</legend> <legend class="text-start">Partie</legend>
<label for="levelInput" class="col-sm-2 col-form-label text-center">Niveau</label> <label for="levelInput" class="col-sm-2 col-form-label text-center">Niveau</label>
<div class="col-sm-4"> <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>
<div class="col-sm-4"> <div class="col-sm-4">
<button id="resumeButton" type="submit" data-bs-dismiss="modal" class="btn btn-primary form-control" autofocus>Jouer</button> <button id="resumeButton" type="submit" data-bs-dismiss="modal" class="btn btn-primary form-control" autofocus>Jouer</button>