diff --git a/README.md b/README.md index 2c5e20c..26db70f 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,7 @@ -# HTML 5 & Bootstrap Jquery Form Validation Plugin +HTML 5 & Bootstrap Jquery Form Validation Plugin +================================================ + +### HTML 5 & Bootstrap 5 & Jquery 3 jbvalidator is a fresh new jQuery based form validation plugin that is created for the latest Bootstrap 5 framework and supports both client side and server-side validation. @@ -17,31 +20,32 @@ Or grab from jsdelivr CDN : ``` -### HTML 5 & Bootstrap 5 & Jquery 3 +##### [DEMO LINK](https://emretulek.github.io/jbvalidator/) -[DEMO LINK](https://emretulek.github.io/jbvalidator/) - -* **Html 5 validation** -* **data-v-equal**: id of the element that should be the same -* **data-v-min-select**: multiple selectbox, minimum selectable count -* **data-v-max-select**: multiple selectbox, maximum selectable count -* **data-checkbox-group**: the parent attribute of group checkbox elements -**data-v-min-select**: parent attribute minimum selectable count -**data-v-required**: parent attribute required -* **data-v-min**: alternative of the min attribute, this can be used for attribute type text -* **data-v-max**: alternative of the max attribute, this can be used for attribute type text -* **data-v-min-length**: alternative of the minlength attribute -* **data-v-max-length**: alternative of the maxlength attribute -* **data-v-min-size**: the input type file minimum file size (byte) -* **data-v-max-size**: the input type file maximum file size (byte) -* **data-v-message**: alternative error mesage +- **Html 5 validation** +- **data-v-equal**: id of the element that should be the same +- **data-v-min-select**: multiple selectbox, minimum selectable count +- **data-v-max-select**: multiple selectbox, maximum selectable count +- **data-checkbox-group**: the parent attribute of group checkbox elements +- **data-v-min**: alternative of the min attribute, this can be used for attribute type text +- **data-v-max**: alternative of the max attribute, this can be used for attribute type text +- **data-v-min-length**: alternative of the minlength attribute +- **data-v-max-length**: alternative of the maxlength attribute +- **data-v-min-size**: the input type file minimum file size (byte) +- **data-v-max-size**: the input type file maximum file size (byte) +- **data-v-message**: alternative error mesage + +### Methods + +- **validator**: add new custom validation +- **checkAll(formSelector = null, event = null)**: show errors without submitting the form, return error count +- **errorTrigger(inputSelector, message)**: show the error messages returned from the server. +- **reload()**: reload instance after dynamic element is added ### Usage -```html -The form's attribute have to novalidate