Add hyphen to number in TextBox (Masking) on key press event using jQuery

Question

I have a text box that a user can optionally enter data into  The data is all digits and up to 10 digits should be entered  As the user is typing the data into the textbox I need to add a dash after the first two digits and then after the next four digits after that  So the data should appear like this Can this be done from a javascript or is there some other way to do this  I found some code to call a javascript from the on keyup or keypress event but that only formats the d

dharmendr · Accepted Answer

Hi lightsomalRefer the below sampleHTMLlthtml xmlns34httpwwww3org1999xhtml34gtltheadgt    lttitlegtlttitlegtltheadgtltbodygt    ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsjquery191jqueryminjs34gtltscriptgt    ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsjqueryinputmask334inputmaskinputmaskminjs34gtltscriptgt    ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsjqueryinputmask334inputmaskinputmaskextensionsminjs34gtltscriptgt    ltscript type34textjavascript34gt        function              var inputmask  new Inputmask3434            inputmaskmask39idtxtData39            ltscriptgt    ltinput id34txtData34 name34txtData34 type34text34 gtltbodygtlthtmlgtDemoOr if you

Add hyphen to number in TextBox (Masking) on key press event using jQuery

Company

Explore

Follow us

Contact Us