Formalize is a jquery plugin to help create forms quickly and productively. With it you can create complex forms without difficulty, and be sure it will work in different browsers and devices.
PS.: This plugin isn't ready yet, some features still need tests.
- Material Design
- 12 Grid Layout
- URL Validation
- Ease custom pattern validation
- Telephone Validation
- Select with multiple selection
- Switch input like material design
- Fields with icons
- Textarea with autoresize
- Character, number, word, sentence and paragraphi counter
- Validate of min and max character, number, word, etc..
- Required field
- Email Validation
- Responsive Layout
- Credit Card Validation
- Credit Card flag Identification
- Find currently geolocation
- Find location by Postal Code
- Easy integration with Google Maps Canvas
- Input Chips
- Password with magic eye
- Password power meter
- Password auto genarate
- File Input with image preview
- File Input with size validation
- File Input with type validation
First, include the jQuery, material design font and formalize css and js files
<!-- JQuery -->
<script type="text/javascript" src="../bower_components/jquery/dist/jquery.js"></script>
<!-- Material Design Icons -->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Formalize Plugin -->
<link rel="stylesheet" href="../dist/css/style.min.css" />
<script type="text/javascript" src="../dist/js/formalize.min.js"></script>Next, you can just put "formalize" class on a form tag
<form class="formalize"></form>Or call the formalize function for those forms you wish
jQuery(function($){
$("#formId").formalize();
});If you'd like to use bower, it's as easy as:
bower install --save formalize-jquery
- jQuery - https://github.com/components/jquery.git
- jQuery Mask Plugin - https://github.com/igorescobar/jQuery-Mask-Plugin.git
Formalize-Jquery is released under the MIT license.