Only enable swap for hx-target-error

[thenewguy]

I want a form like this:

<div id="form-errors"></div>
<form
	hx-patch="/endpoint"
	hx-swap="none"
        hx-target-error="#form-errors"
>
	<input type="text" name="name" value="">
	<button type="submit" class="btn btn-primary">Submit</button>
</form>

On submit, path-deps catches the patch to /endpoint and refreshes the related content. So a successful submission should use hx-swap="none". However, that prevents hx-target-error from making the error swap so the user can correct the validation mistake.

So I have to do manually hide the response like this or with templating:

<div id="form-errors"></div>
<div id="form-success" style="display:none"></div>
<form
	hx-patch="/endpoint"
	hx-target="#form-success"
        hx-target-error="#form-errors"
	handlebars-template="form-error-template"
>
	<input type="text" name="name" value="">
	<button type="submit" class="btn btn-primary">Submit</button>
</form>

I cannot find a way to only enable swap for hx-target-error. It would be helpful if there was a way to only enable swap for error responses - or something that achieves the same effect.

Thanks!