<commit_before>Phone It In
===========
**A phone number entry helper**

Phone It In is a very simple North American phone number data
entry helper for HTML forms written in JavaScript. The idea is
to provide useful assistance without getting in the way and
without any kind of excessive cleverness that will be likely to
break in new or untested browsers.

Many other phone number data entry helpers act as in-place
templates, enforcing format with every character typed and
automatically filling in parentheses and dashes. It is very hard
to implement this reliably, and at the same time, it can break
users' expectations of what they should be able to do with an
input on a form, such as paste in a value.

This helper takes a different approach and opens a helper next
to the input that dynamically shows what the formatted phone
number will look, whether there are any problems, and whether
entry is complete. Upon leaving the input, the value is re-
formatted to standard.

![Partial Entry](/readme-images/partial-entry.png)

![Complete Entry](/readme-images/complete-entry.png)

![Pre-formatted w/ Leading Spaces](/readme-images/pre-formatted-leading-spaces.png)

![Entry With Extra Digit](/readme-images/extra-digit.png)

![Entry With Invalid Character](/readme-images/bad-partial-entry.png)
<commit_msg>Add demo link to README<commit_after>Phone It In
===========
**A phone number entry helper**

Phone It In is a very simple North American phone number data
entry helper for HTML forms written in JavaScript. The idea is
to provide useful assistance without getting in the way and
without any kind of excessive cleverness that will be likely to
break in new or untested browsers.

Many other phone number data entry helpers act as in-place
templates, enforcing format with every character typed and
automatically filling in parentheses and dashes. It is very hard
to implement this reliably, and at the same time, it can break
users' expectations of what they should be able to do with an
input on a form, such as paste in a value.

This helper takes a different approach and opens a helper next
to the input that dynamically shows what the formatted phone
number will look like, whether there are any problems, and
whether entry is complete. Upon leaving the input, the value is
re-formatted to standard.

[Demo](http://stevecj.github.io/project-demos/phone-it-in/demo.html)

![Partial Entry](/readme-images/partial-entry.png)

![Complete Entry](/readme-images/complete-entry.png)

![Pre-formatted w/ Leading Spaces](/readme-images/pre-formatted-leading-spaces.png)

![Entry With Extra Digit](/readme-images/extra-digit.png)

![Entry With Invalid Character](/readme-images/bad-partial-entry.png)

{'fraction_non_alphanumeric': 0.07169253510716925, 'fraction_numerical': 0.0, 'mean_word_length': 4.710970464135021, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '30086', 'n_tokens_mistral': 723, 'n_tokens_neox': 698, 'n_words': 367}