Js masks for phones. We mask and check the phone field using jQuery. Immediately need a mask

At first glance, the answer is obvious: enter the telephone number field as a backup requirement. There are also some places where users can sign from the site through the application fields. For example, programs, software, websites for selling content. However, customer numbers for such projects are important as additional information that allows for the possibility of interaction with potential clients in the future. Moreover, it is clear that the simplest and most effective solution is the use of a mask. Let's bring it up with cases.

The input mask shows which format requires entering data in the field. For example, if you enter a telephone number without a location code or a telephone number in the address field, you will not be able to navigate to the desired location. The form mask will provide a one-to-one view of the data, making it easier to search and manage the database. According to Netpeak recommendations, the mask for entering a telephone number is a mandatory element of the order form on the site. However, the practical recommendation of our managers is based on successful client cases.

Since the site specialized in programs, the field for entering a number on the site was required. To make the change possible, a hundred clients who filled in the “phone” field in the order form on the site, we signed up to change the account in Google Analytics. The “telephone” field has not filled in the login from nine buyers. Birches were given away the mask, and the women began to wear them. For the purity of the experiment, the field was stripped of the necessary rubber for filling and no other changes were made.
The result for Berezen is 19 numbers with 22 backers who filled out the application. In other words, 85% of clients who lost the program lost their phone number.

The client’s website provides services for writing essays, coursework, dissertations and other works. The telephone number of the correspondent is necessary for contacting, but on the site this field was not required. Koristuvach may not remember the form or write anything in this field. As before, at the first stage we installed an option to fill out the “phone” field in Google Analytics. Among the list of 59 applications blocked by the site, 15 did not have numbers. Thus, the company rejected only 74.6% of submitted forms with a registration number. Then we added a mask to enter into the phone field. The website received 60 applications. In case of this, 6 completed forms were not included in the client’s phone number. Also, 90% of submitted payment forms filled in the phone field correctly. Over the month - an increase of 15.4% after entering the number mask. Nasamkinets is an internal case of the agency.

The number field in the order form on the Netpeak website is also required. All telephone numbers are important so that clients always know the number and status of their application (we rely on SMS data), as well as to optimize the work of account managers. The period of the experiment, as in the advanced butts, is two months. Through the war, masks for entering numbers appeared, filling out hundreds of forms from 44% to 83% - by 39.4%.
After the experiment, we sent the mask to the website. The field for entering the number is no longer required. The application will not be processed if the wrong number is entered in the field. In this case, the first digits in the mass change in position on the edge, where they are located on the website. If we are talking about the form of advance payment, then it is important to know how clear the application with telephone numbers is. We took all the applications that were received through the application form and counted the hundreds that were converted into clients without a number or number with it. The remaining ones showed the greatest increase by 0.81%.

Note: just because a person gives you their number from the form, there is no guarantee that the funds will be reinstated.

As we speak about the form of forward engagement, the possibilities of reactivating clients come to the fore, the possibilities that open up to marketers who have created a database of special phone numbers of clients. We will learn about successful cases of reactivation in one of our new posts. In the meantime, let’s read about what you can do before any actions with telephone numbers in the database. Share in the comments your satisfaction with the implementation of the entry mask for phone numbers and your concerns about the number of applications that have arrived.

This jQuery plugin allows you to automatically select a matching input mask based on the phone number entered. This allows you to create a phone number on the side of the website for those who have seen and bezpomilkovym. In addition, subdivisions of the plugin may be different in other areas, since entry rules can be presented in the form of several entry masks.

Based on the fact that the number of countries in the world is remarkably small, it was decided to compile a list of masks for all countries. As a matter of fact, news reports published on the website of the International Electric Telecommunications Union were widely reviewed.

Collecting this information yielded many surprises. In the process of collecting information, it was necessary to include all possible options for telephone numbers, in the region. However, due to the large amount of manually collected information, it is possible that inaccuracies have become present in the collected database. In an hour it is planned to make corrections to the cob set.

As a result, the following sorting rules emerged in the order of their classification:

• keydown - followed by pressing the Backspace and Delete keys - by changing the flow mask entered before, as the main processor removes one character from the text. In addition, you must press the Insert key, which changes the text input mode for synchronization.
• keypress - fragments of the character to be entered may not be allowed by the original input mask (all significant characters in it are replaced with template ones), you need to check the new row to match one of the allowed masks. If there are no such masks, then the input to the symbol is discarded, otherwise the input mask is updated, after which the input is transferred to the kernel analyzer.
• paste, input - paste text from the clipboard. Before transferring the processing to the kernel, a mask is selected for the row that resulted from pasting the text from the clipboard. Once the input mask has not been selected, the text is trimmed character by character from the end until the text is satisfied with one input mask. A similar operation is carried out when the text in the input field is corrected by clicking the val() function, as well as when the input mask is initialized, since it is set to the input field.
• dragdrop, drop - the process is similar to paste.
• blur - additional processing for the purpose, since the mode of clearing the text when losing focus is increased, since it does not satisfy the input mask. This idea is transferred after the main compiler, to the top of the front ones.

All ideas are displayed within the scope of the entered mask. This allows you to avoid incorrect behavior when clicking on the inputmask after initialization of the input (since the kernel, when initializing, remembers all previously installed probes in the inputmask space).

• maskList - an array of objects that save input masks (a fragment of a marvelous object);
• defs – an array of template symbols (in my case, this is the # symbol);
• match - a regular expression that describes significant characters (in this case /|#/);
• key – name of the object parameter to the array to place the input mask.

When connected, the plugin is passed a special object that describes its robot. This object contains the following set of parameters:

• inputmask - an object that contains parameters that are passed to the main inputmask plugin;
• match - a regular expression that describes meaningful characters, in addition to template ones;
• replace - a wildcard character that replaces all significant characters; may be in the object of the designated object in putmask;
• list – array of objects to describe input masks;
• listKey – the name of the parameter in the middle of the object that saves the input mask;
• onMaskChange - a function that is called when the input mask is updated; As the first parameter is passed to an object in an array, the input mask of each one matches the entered text, and the other - the accuracy of the assigned mask: true - the input mask matches the input mask, false - for a reliable value of the mask, additional characters must be entered.

To initialize the plugin, you must place the input mask method before the input field:
$.fn.inputmasks = function(maskOpts, mode)

• maskOpts - an object that describes the work of the plugin;
• mode – non-language; At the moment, the value isCompleted is supported - as a result, the method turns true if the text in the input field is added and false in the other case.