HTMX resume after previous abort event?

[mshamma]

I'm trying to use htmx:abort for invalid inputs which seems to work, but when the input is valid the XHR request is cancelled. Perhaps I'm presuming something about the HTMX logic??? Any help or guidance would be greatly appreciated!

<input id="123" name="amount" placeholder="Amount" type="text" hx-put="/my/path" hx-push-url="false" hx-swap="none" hx-on:focusout="validateAmount(this);">

validateAmount(el) {
    let isValid = checkValid();
    if (isValid) {
      htmxApi.trigger('#123', ???);   ///. <----- what event should I use here
    } else {
      htmxApi.trigger('#123', 'htmx:abort');
    }
}```

[mshamma]

validateAmount(el) {
    let isValid = checkValid();
    if (!isValid) {
      htmxApi.trigger('#123', 'htmx:abort');
    }
}```

[Telroshan]

Hey, this seems a bit convoluted to me to use request abortion in this case.
From what I see, you likely simply don't want the request to happen at all if the value is invalid.
For this, you could use a htmx;beforeRequest event for example, and call event.preventDefault() in it if the value is invalid, which avoid firing a request in the first place. If the value is valid, simply don't do anything and let htmx run its logic.

Hope this helps!