Discussion :

[kevin254kl]

Bonjour à tous,

Pourriez vous m'aider svp?

J'ai un listener sur des submit dans une page souvent avec des form sans id

Code :

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

1
2
3
4
const orderPageBody = document.querySelector('body');
 
// @ use lcoal storage
orderPageBody.addEventListener("submit", event => {

J'aimerais une fois que j'ai finis dire tu peux post les data, mais impossible. Une solution s'il vous plaît?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
SubmitEvent {isTrusted: true, submitter: button.btn.btn-primary.continue.float-xs-right, type: "submit", target: form, currentTarget: body#checkout.lang-fr.country-fr.currency-eur.layout-full-width.page-order.tax-display-enabled, …}
bubbles: true
cancelBubble: false
cancelable: true
composed: false
currentTarget: null
defaultPrevented: true
eventPhase: 0
isTrusted: true
path: (13) [form, div.js-address-form, div.content, section#checkout-addresses-step.checkout-step.-reachable.-clickable.-current.js-current-step, div.cart-grid-body.col-xs-12.col-lg-8, div.row, section#content, div.container, section#wrapper, body#checkout.lang-fr.country-fr.currency-eur.layout-full-width.page-order.tax-display-enabled, html, document, Window]
returnValue: false
srcElement: form
submitter: button.btn.btn-primary.continue.float-xs-right
target: form
timeStamp: 2184.2949999991106
type: "submit"
__proto__: SubmitEvent

Merci

[javatwister]

Salut,

Tu soumets le corps d'une page?

A part ça, rien compris.

[kevin254kl]

Merci pour ton intérêt,

Cette partie fonctionne, car sous prestashop il utilise les formulaires dans la même page sans ajax, du coup j'ai besoin d'un listener pour checker les submit (le js est injecté que sur la page qui m'intéresse).

La logique c'est capte un un submit
j'utilise un loader et un preventDefault car j'utilise du mercure sinon il va submit avant que j'ai pu faire mes call.

Le soucis est que une fois que j'ai finis je voudrais continuer le process stoppé par le eventDispatcher (submit les data en post)
J'ai essayé

Code :

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

event.submitter.form.submit()

mais cela me redirige vers l'accueil. J'ai essayé un unbind aussi.

Code :

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

1
2
3
4
5
6
const orderPageBody = document.querySelector('body');
 
// @ use lcoal storage
orderPageBody.addEventListener("submit", event => {
 
event.preventDefault();

Voici l'event

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
SubmitEvent {isTrusted: true, submitter: button.btn.btn-primary.continue.float-xs-right, type: "submit", target: form, currentTarget: body#checkout.lang-fr.country-fr.currency-eur.layout-full-width.page-order.tax-display-enabled, …}
bubbles: true
cancelBubble: false
cancelable: true
composed: false
currentTarget: null
defaultPrevented: true
eventPhase: 0
isTrusted: true
path: (13) [form, div.js-address-form, div.content, section#checkout-addresses-step.checkout-step.-reachable.-clickable.-current.js-current-step, div.cart-grid-body.col-xs-12.col-lg-8, div.row, section#content, div.container, section#wrapper, body#checkout.lang-fr.country-fr.currency-eur.layout-full-width.page-order.tax-display-enabled, html, document, Window]
returnValue: false
srcElement: form
submitter: button.btn.btn-primary.continue.float-xs-right
target: form
timeStamp: 2184.2949999991106
type: "submit"
__proto__: SubmitEvent

Merci