Make sure only one error div is present

Author: atanasatanasov

demo/index.html

@@ -61,7 +61,14 @@
       }
 
       validateField(field) {
-        field.insertAdjacentHTML('afterend', this.errorDiv);
+        if (
+          !(
+            field.nextSibling.classList &&
+            field.nextSibling.classList.contains(this.settings.errorElement)
+          )
+        ) {
+          field.insertAdjacentHTML('afterend', this.errorDiv);
+        }
 
         field.oninvalid = () => {
           field.classList.add(this.settings.invalidClass);
@@ -75,10 +82,11 @@
         };
       }
     }
+
   </script>
 
   <script>
     new html5formValidation()
   </script>
 </body>
-</html>
+</html>

index.js

@@ -44,7 +44,14 @@ export default class html5formValidation {
   }
 
   validateField(field) {
-    field.insertAdjacentHTML('afterend', this.errorDiv);
+    if (
+      !(
+        field.nextSibling.classList &&
+        field.nextSibling.classList.contains(this.settings.errorElement)
+      )
+    ) {
+      field.insertAdjacentHTML('afterend', this.errorDiv);
+    }
 
     field.oninvalid = () => {
       field.classList.add(this.settings.invalidClass);

package.json

@@ -1,14 +1,15 @@
 {
   "name": "html5-form-validator",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "The most simple HTML5 form validator",
   "main": "index.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/scriptex/html5-form-validator.git"
   },
   "keywords": ["HTML5", "form", "validator"],
-  "author": "Atanas Atanasov <scriptex.bg@gmail.com> (https://github.com/scriptex)",
+  "author":
+    "Atanas Atanasov <scriptex.bg@gmail.com> (https://github.com/scriptex)",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/scriptex/html5-form-validator/issues"