jQuery Formulator

Installation

Dependencies

• jQuery Form npm i --save-dev [email protected]
• jQuery Validation npm i --save-dev [email protected]
• jQuery Rut npm i --save-dev [email protected]
• Sweetalert npm i --save-dev [email protected]

NPM

npm install jquery-formulator --save-dev

Install plugin and all dependencies

npm install jquery-formulator [email protected] [email protected] [email protected] [email protected] --save-dev

Webpack

require('jquery-formulator');

jQuery

$(document).ready(function(){
  $('form').formulator();
});

HTML

Validation

You must add the class .form-validate

<form action="" class="form-validate">
	...
	<input type="text" name="firstname">
</form>

Add this to show form errors

<div class="form-errors"></div>

Ajax

You must add the class .form-ajax

<form action="" class="form-ajax">
	...
	<input type="text" name="firstname">
</form>

Both

Example with both classes

<form action="" class="form-ajax form-validate">
	...
	<input type="text" name="firstname">
</form>