Soumission de formulaire

Bonjour,

Je suis dans une archi full Ajax. Information soumis par le client => envoi de cela par XHR => traitement coté serveur initié par ce XHR => retour => affichage des message d'erreur dans la page

bref, je suis sur un formulaire, comme vous le savez les formulaires ont un attribut action qui permet de définir l'URL du script serveur à executer. Mais voila, j'ai avant tout des traitements clients à faire. Je voudrais donc que la soumissions soit envoyé à mon php par mon javascript et rien d'autre.

comment puis je faire ?

PS : surtout que si la balise action n'est pas présente, la page HTML n'est pas valide

Salut,

Idéalement une application devrait pouvoir fonctionner sans javascript aussi.
Donc l'attribut action devrait être fixé sur l'url d'une page serveur qui traite
le formulaire en l'absence de javascript.

Ensuite, si javascript est fonctionnel, tu interceptes l'évènement onsubmit du
formulaire et là tu crée ta requête ajax. Quand tu interceptes un évènement
de la sorte il faut empêcher son traitement par défaut.

Tu peux maper l'évènement avec l'attribut onsubmit de la balise form mais
cela se fait vieux. Tu as meilleur d'attacher un évenement avec un code du
genre:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

addEvent(window, 'load', function() { var f = document.getElementById('id_du_form'); addEvent(f, 'submit', handleFormSubmit); });   function addEvent(e, evType, fn) { if(e.addEventListener) { e.addEventListener(evType, fn, false); // sans capture return true; } else if (e.attachEvent) { var r = e.attachEvent("on"+evType, fn); return r; } else { return false; } }   function handleFormSubmit(event) { var event = event || window.event; if (event.preventDefault) { // Standard event.preventDefault(); } else { // Pour IE event.returnValue = false; } // ton code Ajax ici }

---

Ou alors, utiliser un Framework comme "prototype" qui simplifie beaucoup
cette problématique.

j'utilise prototype

mais je ne suis pas un professionnel

donc je ne vois pas ce que tu veux dire

Ne pas être un pro n'est pas une excuse en sois :-)

Avec prototype tout est tellement plus simple:

Code:

---

1 2 3 4 5 6 7 8 9

Event.observe(window, 'load', function() { Event.observe('id_de_ton_form', 'submit', handleFormSubmit); });   function handleFormSubmit(event) { Event.stop(event); // ton code Ajax ici }

---

oki merci