Mask with jQuery or HTML

Here's the idea of a possible solution, you create a function that will be triggered in the text element of your HTML every time you type a character. What it should do:

• Validate if the element is a number from 0 to 9.
• If it was validated, check if the amount of elements exceeded 20 numbers from what I could see.

• if it arrived in the last element or if after typing the lenght of the string is 20 if it is, call another function to perform field formatting, and execute the blur () method to exit the field automatically.

• This formatting function should take number with 20 positions and save in a variable then with the slice method remove the first 7 characters and concatenate with "-", save in a variable, type str_final, and continue removing elements of the original string and concatenating the str_final with the dots now. var str_original="00000000333444455566"; var str_final = str_final + str_original.slice (0,7) + "-"; str_final = str_final + ...;

If I think of something better I'll give you a break ... but for now I hope I have helped!