Not reload page after form submit & check correct fields

Not reload page after form submit & check correct fields


Hello

I have an HTML form (form.html) already done.
I need to fix few thing…

First , I don’t want the page reload to the “post” url when the form is submitted.

The second thing is about checking the 3 fields before to submit

First field:
A text field (Ethereum address)
It must contain 42 alphanumeric characters and it must start with 0x.
If the field is not fill correctly then it display the Div Id “eth-not-valid”.

Second field:
A text field (email address)
It must be the right format as an email address.
If the field is not fill correctly then it display the Div Id “email-not-valid”.

Third field:
A text field ( it must be a number )
If the field contain other thing than numeric characters, then it display the div “nft-not-valid”

If the form is submitted without errors then the div id “form-submit-ok” is displayed

Off course if a field is not fill correctly, the form is not submitted to « post » url.

I attached the form with few .JS file. These files are on everypage of my website.