How would you like to manually customize the error element

[Octagon-simon]

Some of us have a form with a flex input and this does not allow the error element to render properly just like the image above

We are working on adding a new option to manually set where validation errors appears on a form input.

Leave your thoughts on this Idea below

[Octagon-simon]

This feature has been added in Version 1.3^ and will be available soon.

The screenshot below shows how to use it

If you look at the screenshot above, you will notice that there is a new configuration option errorElem.

This option must be of type "object" and it contains keys which are the input element Ids and the value to those keys are the elements to append the error after.

This is the syntax

const myForm = new octaValidate('form_register', {
    errorElem : {
        INPUT_ELEMENT_ID : INPUT_ELEMENT_WRAPPER
    }
})

So if I have a form like this

...
<div id="test_wrapper" style="display:flex">
    <input type="text" id="inp_test" octavalidate="R" />
</div>
...

I will use the configuration option below to append input errors after the wrapper

const myForm = new octaValidate('form_register', {
    errorElem : {
        "inp_test" : "test_wrapper"
    }
})