Différences

Ci-dessous, les différences entre deux révisions de la page.

--- webdev:html_css:forms [02/10/2017 16:29] – dolo
+++ webdev:html_css:forms [22/04/2019 23:39] (Version actuelle) – dolo
@@ Ligne 1: / Ligne 1: @@
-====== Rappel sur les formulaires ======
+====== Rappels sur les formulaires ======
+  * [[https://www.w3schools.com/html/html_forms.asp|Basics]]
+  * [[https://www.w3schools.com/tags/tag_input.asp|Inputs]]
+  * [[https://www.w3schools.com/tags/att_input_type.asp|Input types]]
-Ne pas utiliser de input type="submit", ça provoque des bugs sur je-sais-plus-quel vieux navigateur.
+<del>Ne pas utiliser de input type="submit", ça provoque des bugs sur je-sais-plus-quel vieux navigateur.</del> Preuve ?
-=== Une checkbox unique n'est pas prise en compte quand on la décoche ===
+==== Une checkbox unique n'est pas prise en compte quand on la décoche ====
 **Solution :** ajouter une deuxième checkbox cachée avec une value 0 et l'option checked sans conditions, **au-dessus de celle visible.** Seule la dernière checkbox checked sera prise en compte par le formulaire.
 <code linenums>
@@ Ligne 10: / Ligne 13: @@
 </code>
-=== Upload de fichier ===
+==== Upload de fichier ====
 Penser à rajouter cet attribut au **<form>**
 <code>enctype="multipart/form-data"</code>
@@ Ligne 42: / Ligne 45: @@
 		}
 </code>
+==== Prevent the form reloading with javascript ====
+<Code linenums>
+	$('.keyTimes').on('submit', function(e)
+	{
+		e.preventDefault();
+		console.log('Nope lol');
+		console.log(e);
+	});
+</Code>
+Also to get the value of the first select in the form (first [0]) : **e.target[0].options[e.target[0].options.selectedIndex].value**

Notes

Outils pour utilisateurs

Outils du site

Différences

Outils de la page