Hướng dẫn currency format in textbox javascript - định dạng tiền tệ trong hộp văn bản javascript

Question

Tôi muốn nhập các số vào TextBox và TextBox sẽ tự động chuyển đổi số này thành tiền tệ. (12.345.654)

Tôi có thể sử dụng Bộ lọcTextBoxExtender

<ajaxToolkit:FilteredTextBoxExtender ID="ftbe" runat="server"
TargetControlID="TextBox3"         
FilterType="Custom, Numbers"
ValidChars="," />

Nhưng tôi muốn tự động thêm dấu phẩy khi người dùng nhập số.

Hỏi ngày 25 tháng 4 năm 2013 lúc 8:12Apr 25, 2013 at 8:12

2

Tôi sử dụng mã JavaScript.

  function Comma(Num) { //function to add commas to textboxes
        Num += '';
        Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', '');
        Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', '');
        x = Num.split('.');
        x1 = x[0];
        x2 = x.length > 1 ? '.' + x[1] : '';
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1))
            x1 = x1.replace(rgx, '$1' + ',' + '$2');
        return x1 + x2;
    }


<asp:TextBox ID="aPriceTextBox" runat="server" Width="100px"    onkeyup = "javascript:this.value=Comma(this.value);" />

Đã trả lời ngày 28 tháng 4 năm 2013 lúc 6:06Apr 28, 2013 at 6:06

NiloonilooNiloo

1.1954 Huy hiệu vàng28 Huy hiệu bạc53 Huy hiệu Đồng4 gold badges28 silver badges53 bronze badges

2

Sử dụng điều khiển chỉnh sửa mặt nạ sẽ là một ý tưởng tốt ở đây.

Kiểm tra bài đăng này trên Stackoverflow để biết thêm thông tin. Nó gợi ý các cách để thực hiện một hộp văn bản cho trường tiền tệ.

Bạn cũng có thể tham khảo thành phần này trên Codeplex.

Đã trả lời ngày 25 tháng 4 năm 2013 lúc 8:19Apr 25, 2013 at 8:19

Vivek Jainvivek JainVivek Jain

3.7836 huy hiệu vàng29 Huy hiệu bạc46 Huy hiệu đồng6 gold badges29 silver badges46 bronze badges

4

Bạn có thể sử dụng Ajax Maskedit Extander Dưới đây là một số ví dụ:
here is some example:

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:TextBox ID="TextBox1" runat="server" />
        <cc1:MaskedEditExtender runat ="server"
            TargetControlID="TextBox1"
            Mask="999,999,999,999"
            MessageValidatorTip="true"
            MaskType="Number"
            InputDirection="RightToLeft"
            AcceptNegative="Left"
            DisplayMoney="None"
            ErrorTooltipEnabled="True" />

Đã trả lời ngày 25 tháng 4 năm 2013 lúc 8:28Apr 25, 2013 at 8:28

Mithrand1rMithrand1rMithrand1r

2.2639 Huy hiệu vàng34 Huy hiệu bạc73 Huy hiệu đồng9 gold badges34 silver badges73 bronze badges

2

Trong blog này, tôi sẽ minh họa một định dạng tiền tệ ($ 222,00) bằng cách sử dụng JavaScript với tất cả các trình duyệt tương thích.

$ 222,00 trong định dạng này đô la này ‘$ và dot‘.

<html>
<head>
<script type='text/javascript'>
function CurrencyFormat(val, id, e) {

        var key = e.keyCode || e.charCode || e.which;
        var currentChar = String.fromCharCode(key);
        if (e.keyCode == 46 && e.charCode == 0 && e.which == 0) {
            $(this).val('');
            return true;

        }
        if (e.keyCode == 36 && e.charCode == 0 && e.which == 0) {
            $(this).val('');
            return true;

        }
        if (val.indexOf(currentChar) != -1 && currentChar == '.') {
            return false;
        }
       if (val.indexOf(currentChar) != -1 && currentChar == '$') {
            return false;
        }
        if (key >= 48 && key <= 57 || key == 46 || key == 36 || e.keyCode === 8 || e.keyCode === 9 || e.keyCode === 37 || e.keyCode === 35 || e.keyCode === 39) {
            $(this).val('');
            return true;

        }

        return false;
    }
</script>
</head>
<body>
<input type='text' id='t1' onkeypress='return validateForCharacter(value, id, event)' />

</body>