Automatically add Comma to a Number (Numeric value) in a TextBox ASP.Net

Question

Requirement there is a Textbox on the form in which user key in only numbers I want that after user key in numbers in it it should add comma accordinglyEx User key in  123456700         Requirement  123456700                      OR      User key in  1234500      Requirement  1234500Please reply how to do this using C code as well as using HTML code

Richa · Accepted Answer

Mudassar thank you for the reply but my requirement is differentRequirementIn my web page I have 3 texboxs in which user had to keyin AmountI want that when user enter amount then after mouse out from textbox it should automatically take comma after every 3 numberExample If user entered 123456then after mouse out 12345600Is it possible without using Javascript How to do this please reply

Richa · Answer

RkHirpara Thankyou for the replyYour code is working fine except two issue1st Issue with 00 case In current code When user enters Amount in Textbox it automatically takes 00 after the last entered numberie User Entered 123456Output 12345600But when I put your Javascript then I get output as below12345600Here comma should not come before decimal point2nd Issue without 00 case After applying your javascript in current code When user enters Amount in Textbox it shows Output as123456562But again when user clicks on same Textbox to add more numbers to above output numbers starts removing on pressing any number which looks very weired Please reply how to solve both the issuesThanks in advance

RkHirpara · Answer

Hi RichaPlease try the following updated code     ltscriptgt        function              34idtxtText1idtxtText2idtxtText334focusoutfunction                  thisvalFormatNumberthisvalreplaceg 3434                        function FormatNumberstr                 return strlastIndexOf3939  1  strlength gt 3  FormatNumberstrsubstr0 strlength  3  3939  strsubstrstrlength  3  str  strlastIndexOf3939 gt 3  FormatNumberstrsubstr0 strlastIndexOf3939  3  3939  strsubstrstrlastIndexOf3939  3  str                        ltscriptgtThanks and RegardsRkhirpara

Richa · Answer

RkHirpara Thankyou for the replyI tested your current code and I found that 2nd issue still persist1st issue got resolved ie remove comma before decimalBut 2nd one After applying your javascript in current code When user enters Amount in Textbox it shows Output as123456562But again when user clicks on same Textbox to add more numbers to above output numbers starts removing on pressing any number which looks very weired ieAfter mouse out when again I try to insert Amount in textbox then previous keyin numbers start deletingExample If perviously I entered 1234500Again after mouse out I try to add 734 to the above numberI get output 12373400desired Output should be 1234573400Please reply how to make it workThanks in advance

RkHirpara · Answer

Hi RechaI would request you please check it in isolated environmentBecause your JS seems to interfere this functionalityAnd this is independent functionality not concerns yours or mines JS because there are as many programmers that may JS writtens on the page so we can not provide you a specialized solution but the generalizedSo please test it in new page in isolated environment and if there is some thin wrong then let me knowThanks and RegardsRkHirpara

Automatically add Comma to a Number (Numeric value) in a TextBox ASP.Net

Company

Explore

Follow us

Contact Us