Remove a curly brace and update README

Author: scriptex

README.md

@@ -1,2 +1,52 @@
-# html5-form-validator
+# HTML5 Form Validator
+
 The most simple HTML5 forms validator
+
+## Install
+
+```
+npm i html5-form-validator
+```
+
+or
+
+```
+yarn add html5-form-validator
+```
+
+## Usage
+
+```
+import 'html5-form-validator';
+```
+
+Then initialize with default settings:
+
+```
+new html5formValidation();
+```
+
+or supply your own
+
+```
+const form = document.querySelector('#form');
+
+new html5formValidation(form, {
+  errorElement: 'form__error',
+  invalidClass: 'is--invalid',
+  submitHandler(instance) {
+    console.log(instance)
+  },
+  validateOnInput: false
+});
+```
+
+## Options
+
+`errorElement` - The classname of the element that will be added to the dom after the required field. Defaults to `error`.
+
+`invalidClass` - The classname of the required field when it is invalid. Defaults to `invalid`.
+
+`submitHandler` - A function to run on valid form submission. Accepts a single `instance` argument which refers to the constuctor's instance. Defaults to `null`.
+
+`validateOnInput` - Set to false if you want to show visual feedback for invalid fields after the first invalid submission. Defaults to `true`. 

demo/index.html

@@ -45,7 +45,7 @@
           } else {
             if (typeof this.settings.submitHandler === 'function') {
               event.preventDefault();
-              
+
               this.settings.submitHandler(this);
             }
           }
@@ -66,13 +66,13 @@
         field.oninvalid = () => {
           field.classList.add(this.settings.invalidClass);
           field.nextSibling.textContent = field.validationMessage;
-        }
+        };
 
         field.oninput = () => {
           field.nextSibling.textContent = '';
           field.classList.remove(this.settings.invalidClass);
           field.checkValidity();
-        }
+        };
       }
     }
   </script>

index.js

@@ -28,7 +28,7 @@ export default class html5formValidation {
       } else {
         if (typeof this.settings.submitHandler === 'function') {
           event.preventDefault();
-          
+
           this.settings.submitHandler(this);
         }
       }
@@ -49,13 +49,12 @@ export default class html5formValidation {
     field.oninvalid = () => {
       field.classList.add(this.settings.invalidClass);
       field.nextSibling.textContent = field.validationMessage;
-    }
+    };
 
     field.oninput = () => {
       field.nextSibling.textContent = '';
       field.classList.remove(this.settings.invalidClass);
       field.checkValidity();
-    }
+    };
   }
 }
-}

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "html5-form-validator",
+  "version": "0.0.1",
+  "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 <[email protected]> (https://github.com/scriptex)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/scriptex/html5-form-validator/issues"
+  },
+  "homepage": "https://github.com/scriptex/html5-form-validator#readme"
+}