I am trying to put commas in my figures as i type but it is not coming outplease helplt Page Language34vb34 AutoEventWireup34false34 CodeBehind34Numbersaspxvb34 Inherits34SulaSignarNumbers34 gtltDOCTYPE htmlgtlthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegtltheadgtltbodygt ltform id34form134 runat34server34gt ltdivgt ltscript src34

Hi makumbiYou need call JavaScript inside the document ready event handler and the proper jquery selector need to use Please refer below sampleHTMLltaspTextBox ID34txtAmount34 runat34server34gtltaspTextBoxgtltscript type34textjavascript34 src34httpsajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgtltscript type34textjavascript34gt function 39idtxtAmount39keyupfunction event skip for arrow keys if eventwhich gt 37 ampamp eventwhich lt 40 return format number thisvalfunction index value return valuereplaceDg 3434replaceBd3dg 3434 ltscriptgtScreenshot

Format number with thousand separators while typing in ASP.Net TextBox using jQuery

makumbi

SOLVED CLOSED ACTIVE ANSWERED
User: makumbi
Posted: on Sep 07, 2022 10:53 PM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 5549
Sample Code: Download

I am trying to put commas in my figures as i type but it is not coming out

please help

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Numbers.aspx.vb" Inherits="SulaSignar.Numbers" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        $('amount').keyup(function (event) {

            // skip for arrow keys
            if (event.which >= 37 && event.which <= 40) return;

            // format number
            $(this).val(function (index, value) {
                return value
                .replace(/\D/g, "")
                .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            });
        });
    </script>
    <asp:TextBox ID="Amount" runat="server" ></asp:TextBox>
    </div>
    </form>
</body>
</html>

Download FREE API for Word, Excel and PDF in ASP.Net

PrinceG

0 1

Reply
ANSWER
User: PrinceG
Replied: on Sep 07, 2022 11:36 PM
Report

Hi makumbi,

You need call JavaScript inside the document ready event handler and the proper jquery selector need to use.

Please refer below sample.

HTML

<asp:TextBox ID="txtAmount" runat="server"></asp:TextBox>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('[id*=txtAmount]').keyup(function (event) {
            // skip for arrow keys
            if (event.which >= 37 && event.which <= 40) return;
            // format number
            $(this).val(function (index, value) {
                return value.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            });
        });
    });
</script>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Format number with thousand separators while typing in ASP.Net TextBox using jQuery

Company

Explore

Follow us

Contact Us