JavaScript bug in my webpage

Question

I made a signup form, so I added some conditions for the respected fields in javascript for autherization, I tried to display some error lines at certain place above submit button, errors are working fine but, when I switch from the currently focused input to another, both of these errors are being displayed on eachother making them overlap.
so I either want one of these below:
1) Make different error lines positioned under the respective input fields (prefer).
2) Stop these errors from overlapping, if an error for inputA is being displayed then it should be gone inputB error is coming.
Do either 1 or 2 please, I am attaching my code in mediafire, signin.html, signin.css (check css path), common.css (if u need a better look)

https://www.mediafire.com/folder/mbsa8oirhj6ok/SCRIPT+ERROR

Answer 1

Why don't you share in our code playground interperter and attached with your question, easy to resolve.