Discussion :

[laurentSc]

Bonjour,

je voudrais savoir s'il est possible que l'action d'un formulaire html soit en js, donc pouvoir récupérer les données en js : je voudrais pouvoir le tester en local, donc je ne peux faire une action PHP, vu que Wampserver ne marche pas chez moi.

[Djakisback]

Salut,
pas très clair ton message
mais tu peux récupérer toutes les valeurs si tu crées une fonction que tu colles dans un onSubmit="fonc();" de ton form.

Ensuite dans ta fonction, tu récupères tes valeurs par exemple avec document.getElementById('id_du_champ');

[laurentSc]

désolé mais je ne suis pas très habitué au js : le onSubmit, c'est du js ? Je le mets donc entre des balises <script> ? Et je mets quoi dans "action" ?
Ensuite, tu parles de "id_du_champ" : ça veut dire que dans les diférents input, je rajoute un id=XXX ?

[Djakisback]

oui en gros ca te donne ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script>
function fonc() {
var nom = document.getElementById('nom'); 
}
</script>
 
<form onSubmit="fonc();">
<input id="nom" type="text">
<input id="prenom" type="text">
<input type="submit">
</form>

Sinon t'as plein de champs tu peux les récupérer dans un tableau.

[laurentSc]

Merci, je ferai l'essai.

[laurentSc]

Es-tu sûr de la syntaxe, car j'ai fait ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script>
function fonc() {
var nom = document.getElementById('nom');
alert(nom);
}
</script>
<form onsubmit="fonc();"><input id="nom"
 type="text"><br>
  <input id="prenom" type="text"><br>
  <input type="submit"></form>

et dans le alert, il ne me met que "[object]"...

[Djakisback]

oui c'est ça mais il faut que t'accèdes au champ de l'objet qui t'intéresse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
alert(nom.value);
alert(nom.id);
alert(nom.type);

[laurentSc]

Merci, je vois que j'ai encore de gros progrès à faire en js...