asp.net+js實現(xiàn)金額格式化

更新時間：2015年02月27日 11:52:03 投稿：hebedich

這篇文章主要介紹了asp.net+js實現(xiàn)金額格式化的相關資料,需要的朋友可以參考下

根據(jù)用戶需求，在輸入金額時要格式化，即每三位數(shù)字加逗號分隔，并保留兩位小數(shù)。

考慮到用戶的體驗，隨使用JS對金額進行格式化，前臺代碼如下：

<asp:TextBox ID="txtAmount" runat="server" onkeypress="check()" onkeyup="run(this)"></asp:TextBox>

JS代碼如下：

復制代碼代碼如下:

//======檢查輸入的是否為數(shù)字

function check() {

    if (!((window.event.keyCode >= 48 && window.event.keyCode <= 57) || window.event.keyCode == 46 || window.event.keyCode == 45)) {

        window.event.keyCode = 0

    }

}

//======格式化文本框的金額

function run(obj) {

    var objvalue = obj.value.replace(/[,]/g, ""),

        objlength = objvalue.length,

        dtmp = objvalue.indexOf("."),

        neg = objvalue.indexOf("-");

    var inttmp = 0,

        floattmp = -1;

    if (dtmp != -1) {

        inttmp = dtmp == 0 ? "0" : new String(objvalue).substring(0, dtmp);

        floattmp = new String(objvalue).substring(dtmp + 1, objlength + 1);

        floattmp = floattmp.replace(/[^0-9]/g, "");

    }

    else {

        inttmp = objvalue;

    }

    if (neg == 0) {

        inttmp = inttmp.replace(/[-]/g, "");

    }

    inttmp = inttmp.replace(/[^0-9]/g, "");

    var tmp = "", str = "0000";

    for (; inttmp.length > 3; ) {

        var temp = new String(inttmp / 1000);

        if (temp.indexOf(".") == -1) {

            tmp = ",000" + tmp;

            inttmp = temp;

        }

        else {

            var le = new String(temp).split(".")[1].length;

            tmp = "," + new String(temp).split(".")[1] + str.substring(0, 3 - le) + tmp;

            inttmp = new String(temp).split(".")[0];

        }

    }

    inttmp = inttmp + tmp;

    obj.value = neg == 0 ? "-" + inttmp + runing(floattmp) : inttmp + runing(floattmp);

}

//======整理小數(shù)部分

function runing(val) {

    if (val != "-1" && val != "") {

        var valvalue = 0 + "." + val;

        if (val.length >= 2) {

            valvalue = parseFloat(valvalue).toFixed(2);

        }

        var temp = "." + valvalue.split(".")[1];

        return temp;

    }

    else if (val != "0" && val == "") {

        return ".";

    }

    else {

        return "";

    }

}

同時因為金額可輸入負數(shù)，所以加上“neg = objvalue.indexOf("-")”的判斷。

關于金額的格式化問題，經(jīng)常遇到這種事情，覺得這個還可以，也就留著，以供以后查閱方便！

您可能感興趣的文章:

Js獲取當前日期時間及格式化代碼
這篇文章主要為大家詳細介紹了Js獲取當前日期時間及格式化代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
Echarts?graph關系圖的使用入門級教程
近期需要使用echarts關系圖,這里給大家總結下,這篇文章主要給大家介紹了關于Echarts?graph關系圖使用的相關資料,文中給出了詳細的代碼介紹,需要的朋友可以參考下
2024-01-01
JavaScript中綁定事件的三種方式及去除綁定
大家都知道要想讓 JavaScript 對用戶的操作作出響應，首先要對 DOM 元素綁定事件處理函數(shù)。所謂事件處理函數(shù)，就是處理用戶操作的函數(shù)，不同的操作對應不同的名稱。下面這篇文章給大家詳細介紹了JavaScript中綁定事件的三種方式以及去除綁定的方法，有需要來一起看看吧。
2016-11-11
微信小程序scroll-view實現(xiàn)左右聯(lián)動效果
這篇文章主要為大家詳細介紹了微信小程序scroll-view實現(xiàn)左右聯(lián)動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
從零使用TypeScript開發(fā)項目打包發(fā)布到npm
這篇文章主要介紹了從零使用TypeScript開發(fā)項目打包發(fā)布到npm，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-02-02
網(wǎng)頁廣告中JS代碼的信息監(jiān)聽示例
在一些網(wǎng)頁廣告中提供的JS代碼可以進行代碼注入，然后監(jiān)視各種元素，下面有個示例，大家可以參考下
2014-04-04
可能是全網(wǎng)最詳細小程序中使用echarts的教程
在開發(fā)微信小程序時,有需求需要使用到柱狀圖,餅圖等圖表,下面這篇文章主要給大家介紹了關于小程序中使用echarts的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-10-10
HTML+CSS+JavaScript做女朋友版的刮刮樂(一看就會)
這篇文章主要介紹了HTML+CSS+JavaScript做女朋友版的刮刮樂(一看就會)本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-08-08
Javascript實現(xiàn)檢測客戶端類型代碼封包
在以前，總是以為使用用戶代理字符串檢測瀏覽器是那種類型就行了，這樣確實大錯特錯啊，下面就來說說如何通過js判斷出當前瀏覽者使用的的設備類型呢
2015-12-12
JS等比例縮小圖片尺寸的實例
JS等比例縮小圖片尺寸的實例，需要的朋友可以參考一下
2013-02-02