<commit_before>Formstache.js
============

A JavaScript component to work with html forms.

___

## Dependencies

To work better with DOM, we choose [jQuery](http://jquery.com/) for manipulations, so, you need append it in `<head/>` before **formstache.js**.

To validations, we use [jQuery Validation](http://jqueryvalidation.org/) for validate inputs. See below more details about this feature.

To package manager, we use [Bower](http://bower.io/).

___

## Setup

To install, use:

    npm install

For load bower components,

    bower install

___

## Installing script

There is two ways for this component works, via data attributes or calling by JavaScript.

Both needs `formstache.js` appended between `<head/>` tag.

___

### Via data attributes

Set the primary data attributes, like:

    <form action="url/to/post" method="post" data-formstache="true">

      <input type="text" id="form_full_name" name="form_full_name" data-name="<NAME>" data-required="true" data-type="text" />

      <input type="submit" value="Send" />

    </form>

___

### Via JavaScript

Call function, passing same parameters, like:

    $('.my-pretty-form').formstache();<commit_msg>Alerts about TODO items<commit_after>Formstache.js
============

A JavaScript component to work with html forms.

___

## Dependencies

To work better with DOM, we choose [jQuery](http://jquery.com/) for manipulations, so, you need append it in `<head/>` before **formstache.js**.

To validations, we use [jQuery Validation](http://jqueryvalidation.org/) for validate inputs. See below more details about this feature.

To package manager, we use [Bower](http://bower.io/).

___

## Setup

To install, use:

    npm install

For load bower components,

    bower install

___

# #TODO
Before this line, it's just a TODO list.

## Installing script

There is two ways for this component works, via data attributes or calling by JavaScript.

Both needs `formstache.js` appended between `<head/>` tag.

___

### Via data attributes

Set the primary data attributes, like:

    <form action="url/to/post" method="post" data-formstache="true">

        <input type="text" id="form_full_name" name="form_full_name" data-name="<NAME>" data-required="true" data-type="text" />
        <input type="submit" value="Send" />

    </form>

___

### Via JavaScript

Call function, passing same parameters, like:

    $('.my-pretty-form').formstache();

{'fraction_non_alphanumeric': 0.13297431648715824, 'fraction_numerical': 0.0, 'mean_word_length': 4.073529411764706, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4680919', 'n_tokens_mistral': 744, 'n_tokens_neox': 711, 'n_words': 251}