Annuler un preventDefault pour laisser le comportement de post les data

Version imprimable

Bonjour à tous,

Pourriez vous m'aider svp?

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

Code:

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:

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

13/11/2020, 18h51
javatwister

Salut,

Tu soumets le corps d'une page? 8O

A part ça, rien compris.

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:

event.submitter.form.submit()

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

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

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