XF 2.3 Cancelling form submit by `e.preventDefault()` is not working

[BredyAK]

I'm trying to create a plugin. I want to use js to cancel a form submit by following code:

XF.on(form, 'ajax-submit:before', XF.proxy(this, 'beforeSubmit'));
// ...
function beforeSubmit(e) {
    console.log('beforeSubmit:', this.submitting);
    e.preventDefault();
    this.submitting = true;
}

Expected: When I click the submit button, it won't submit and console logs beforeSubmit: false.

Actually: Console shows beforeSubmit: false, but then it was submitted.

XenForo version: 2.3.7

 

[briansol]

try

 e.stoppropagation()

as well

 

[briansol]

you can also use a test to see if an action is cancelable

https://www.w3schools.com/jsref/event_cancelable.asp