SIMPLEVALIDATE (a.k.a VALIDATE3000)
Simple form validation that also exposes your user's shortcomings :D
Features
- Validates all types of inputs
- Also validates emails and URL formatting
- Outputs which inputs are invalid
- Returns a promise
How to
npm install simplevalidate
or just include the appropriate scripts.
Simple: pass in a form element into Validate()
. It will loop through all inputs and selects and returns a promise. If there's an error, then it will return the names of the inputs as an array; otherwise it will return the form data as an object.
If there's an error it will return an object like so: try it yourself, console log the errors!
names: "error-input-name1" "error-input-name2" inputs: inputDomNode inputDomNode
Example usage
<!-- You can specify the following with data attributes: data-minlength -> minimum number of characters data-maxlength -> maximum number of characters data-name -> The label/name of the error, otherwise [name] will be used required -> if omitted, ignore field validation NOTE: add `novalidate` to form to disable native html5 validation --> Some input label
const form = document; const submit = form; const errors = form; submit;