Apply Thousand seprator for Multiple TextBox using jQuery PriceFormat JS in ASP.Net

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on May 19, 2017 02:31 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 2599
Sample Code: Download

hi I use below code for put thousand seprator for some textboxs:

    <script type="text/javascript">
        $(function () {
            ApplyThousandSeparator();
        });
 
        function ApplyThousandSeparator() {
            $('#Txtejare').priceFormat({
                prefix: '',
                thousandsSeparator: ',',
                centsSeparator: ',',
                limit: 12,
                centsLimit: 0
            });
        }
        function ApplyThousandSeparator() {
            $('#Txtvadie').priceFormat({
                prefix: '',
                thousandsSeparator: ',',
                centsSeparator: ',',
                limit: 12,
                centsLimit: 0
            });
        }
        function ApplyThousandSeparator() {
            $('#TxtPM').priceFormat({
                prefix: '',
                thousandsSeparator: ',',
                centsSeparator: ',',
                limit: 12,
                centsLimit: 0
            });
        }
        function ApplyThousandSeparator() {
            $('#TxtPkol').priceFormat({
                prefix: '',
                thousandsSeparator: ',',
                centsSeparator: ',',
                limit: 12,
                centsLimit: 0
            });
        }


 
        //On UpdatePanel Refresh
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        if (prm != null) {
            prm.add_endRequest(function (sender, e) {
                if (sender._postBackSettings.panelsToUpdate != null) {
                    ApplyThousandSeparator();
                }
            });
        };
    </script>

problem is that it just work for last textbox:

       function ApplyThousandSeparator() {
            $('#TxtPkol').priceFormat({
                prefix: '',
                thousandsSeparator: ',',
                centsSeparator: ',',
                limit: 12,
                centsLimit: 0
            });
        }

it does't work for other textbox

best regards

neda

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on May 19, 2017 02:33 AM
Report

Hi nedash,

Refer below sample. You can Pass using unique class name or Pass each Id with comma separated like below.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-price-format/2.1/jquery.priceformat.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager runat="server" />
        <asp:UpdatePanel ID="UpdatePanel6" runat="server">
            <ContentTemplate>
                <asp:DropDownList ID="Ddltype" runat="server" CssClass="ddltype1" AutoPostBack="true">
                    <asp:ListItem Text="Test 1" />
                    <asp:ListItem Text="Test 2" />
                    <asp:ListItem Text="Test 3" />
                </asp:DropDownList>
                <br />
                <asp:TextBox runat="server" ID="Txtejare" class="ThousandSepparator" />
                <br />
                <asp:TextBox runat="server" ID="Txtvadie" class="ThousandSepparator" />
                <br />
                <asp:TextBox runat="server" ID="TxtPM" class="ThousandSepparator" />
                <br />
                <asp:TextBox runat="server" ID="TxtPkol" class="ThousandSepparator" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    <script type="text/javascript">
        $(function () {
            ApplyThousandSeparator();
        });

        function ApplyThousandSeparator() {
            //$('.ThousandSepparator').priceFormat({ // Pass using unique class name
            $('#Txtejare,#Txtvadie,#TxtPM,#TxtPkol').priceFormat({ // Pass each Id with comma separated
                prefix: '',
                thousandsSeparator: ',',
                centsSeparator: ',',
                limit: 12,
                centsLimit: 0
            });
        }

        //On UpdatePanel Refresh
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        if (prm != null) {
            prm.add_endRequest(function (sender, e) {
                if (sender._postBackSettings.panelsToUpdate != null) {
                    ApplyThousandSeparator();
                }
            });
        };
    </script>
    </form>
</body>
</html>

Apply Thousand seprator for Multiple TextBox using jQuery PriceFormat JS in ASP.Net

Company

Explore

Follow us

Contact Us