Jquery价格格式与lakhs分隔符?

时间:2013-07-19 12:03:37

标签: javascript jquery regex

我有Jquery价格格式jQuery插件,它与千位分隔符(Ex:32'32,232.33)运行良好,但我需要数千的lakhs分隔符也像(32'32,232.33),我已经改变了Jquery但它似乎工作只有十万人不工作十万也有数千人

format.js

/*

* Price Format jQuery Plugin
* Created By Eduardo Cuducos cuducos [at] gmail [dot] com
* Currently maintained by Flavio Silveira flavio [at] gmail [dot] com
* Version: 1.7
* Release: 2012-02-22

* original char limit by Flavio Silveira <http://flaviosilveira.com>
* original keydown event attachment by Kaihua Qi
* keydown fixes by Thasmo <http://thasmo.com>
* Clear Prefix on Blur suggest by Ricardo Mendes from PhonoWay
* original allow negative by Cagdas Ucar <http://carsinia.com>
* keypad fixes by Carlos Vinicius <http://www.kvinicius.com.br> and Rayron Victor
* original Suffix by Marlon Pires Junior
* CentsLimit set to zero fixed by Jereon de Jong
* original idea for the use of the plus sign

*/

(function($) {

    /****************
    * Main Function *
    *****************/
    $.fn.priceFormat = function(options)
    {

        var defaults =
        {
            prefix: 'US$ ',
            suffix: '',
            centsSeparator: '.',
            thousandsSeparator: ',',
           lakhsSeparator: "'",
            limit: false,
            centsLimit: 2,
            clearPrefix: false,
            clearSufix: false,
            allowNegative: false,
            insertPlusSign: false
        };

        var options = $.extend(defaults, options);

        return this.each(function()
        {

            // pre defined options
            var obj = $(this);
            var is_number = /[0-9]/;

            // load the pluggings settings
            var prefix = options.prefix;
            var suffix = options.suffix;
            var centsSeparator = options.centsSeparator;
            var thousandsSeparator = options.thousandsSeparator;
            var lakhsSeparator = options.lakhsSeparator;
            var limit = options.limit;
            var centsLimit = options.centsLimit;
            var clearPrefix = options.clearPrefix;
            var clearSuffix = options.clearSuffix;
            var allowNegative = options.allowNegative;
            var insertPlusSign = options.insertPlusSign;

            // If insertPlusSign is on, it automatic turns on allowNegative, to work with Signs
            if (insertPlusSign) allowNegative = true;

            // skip everything that isn't a number
            // and also skip the left zeroes
            function to_numbers (str)
            {
                var formatted = '';
                for (var i=0;i<(str.length);i++)
                {
                    char_ = str.charAt(i);
                    if (formatted.length==0 && char_==0) char_ = false;

                    if (char_ && char_.match(is_number))
                    {
                        if (limit)
                        {
                            if (formatted.length < limit) formatted = formatted+char_;
                        }
                        else
                        {
                            formatted = formatted+char_;
                        }
                    }
                }

                return formatted;
            }

            // format to fill with zeros to complete cents chars
            function fill_with_zeroes (str)
            {
                while (str.length<(centsLimit+1)) str = '0'+str;
                return str;
            }

            // format as price
            function price_format (str)
            {
                // formatting settings
                var formatted = fill_with_zeroes(to_numbers(str));
                var thousandsFormatted = '';
                var thousandsCount = 0;
                var lakhsFormatted = '';
                var lakhsCount = 0;
                // Checking CentsLimit
                if(centsLimit == 0)
                {
                    centsSeparator = "";
                    centsVal = "";
                }

                // split integer from cents
                var centsVal = formatted.substr(formatted.length-centsLimit,centsLimit);
                var integerVal = formatted.substr(0,formatted.length-centsLimit);

                // apply cents pontuation
                formatted = (centsLimit==0) ? integerVal : integerVal+centsSeparator+centsVal;

                // apply thousands pontuation


                if (thousandsSeparator || $.trim(thousandsSeparator) != "")
                {
                    for (var j=integerVal.length;j>0;j--)
                    {
                        char_ = integerVal.substr(j-1,1);
                        thousandsCount++;
                        if (thousandsCount%3==0) char_ = thousandsSeparator+char_;
                        thousandsFormatted = char_+thousandsFormatted;
                    }

                    //
                    if (thousandsFormatted.substr(0,1)==thousandsSeparator) thousandsFormatted = thousandsFormatted.substring(1,thousandsFormatted.length);
                    formatted = (centsLimit==0) ? thousandsFormatted : thousandsFormatted+centsSeparator+centsVal;
                }

                // apply lakhs pontuation
             if (lakhsSeparator || $.trim(lakhsSeparator) != "")
                {

                    for (var j=integerVal.length;j>0;j--)
                    {
                        char_ = integerVal.substr(j-1,1);
                        char1_ = integerVal.substr(j-1,1);
                        lakhsCount++;





                        if (lakhsCount%5==0)
                     char_ =lakhsSeparator+char_;
                        lakhsFormatted = char_+lakhsFormatted;


                    }


                    if (lakhsFormatted.substr(0,1)==lakhsSeparator) lakhsFormatted = lakhsFormatted.substring(1,lakhsFormatted.length);
                    formatted = (centsLimit==0) ? lakhsFormatted : lakhsFormatted+centsSeparator+centsVal;
                }


                // if the string contains a dash, it is negative - add it to the begining (except for zero)
                if (allowNegative && str.indexOf('-') != -1 && (integerVal != 0 || centsVal != 0))
                    formatted = '-' + formatted;
                else if (insertPlusSign && (integerVal != 0 || centsVal != 0))
                    formatted = '+' + formatted;

                // apply the prefix
                if (prefix) formatted = prefix+formatted;

                // apply the suffix
                if (suffix) formatted = formatted+suffix;

                return formatted;
            }

            // filter what user type (only numbers and functional keys)
            function key_check (e)
            {
                var code = (e.keyCode ? e.keyCode : e.which);
                var typed = String.fromCharCode(code);
                var functional = false;
                var str = obj.val();
                var newValue = price_format(str+typed);

                // allow key numbers, 0 to 9
                if((code >= 48 && code <= 57) || (code >= 96 && code <= 105)) functional = true;

                // check Backspace, Tab, Enter, Delete, and left/right arrows
                if (code ==  8) functional = true;
                if (code ==  9) functional = true;
                if (code == 13) functional = true;
                if (code == 46) functional = true;
                if (code == 37) functional = true;
                if (code == 39) functional = true;
                // Minus Sign, Plus Sign
                if (allowNegative && (code == 189 || code == 109)) functional = true; // dash as well
                if (insertPlusSign && (code == 187 || code == 107)) functional = true;

                if (!functional)
                {
                    e.preventDefault();
                    e.stopPropagation();
                    if (str!=newValue) obj.val(newValue);
                }

            }

            // inster formatted price as a value of an input field
            function price_it ()
            {
                var str = obj.val();
                var price = price_format(str);
                if (str != price) obj.val(price);
            }

            // Add prefix on focus
            function add_prefix()
            {
                var val = obj.val();
                obj.val(prefix + val);
            }

            function add_suffix()
            {
                var val = obj.val();
                obj.val(val + suffix);
            }

            // Clear prefix on blur if is set to true
            function clear_prefix()
            {
                if($.trim(prefix) != '' && clearPrefix)
                {
                    var array = obj.val().split(prefix);
                    obj.val(array[1]);
                }
            }

            // Clear suffix on blur if is set to true
            function clear_suffix()
            {
                if($.trim(suffix) != '' && clearSuffix)
                {
                    var array = obj.val().split(suffix);
                    obj.val(array[0]);
                }
            }

            // bind the actions
            $(this).bind('keydown.price_format', key_check);
            $(this).bind('keyup.price_format', price_it);
            $(this).bind('focusout.price_format', price_it);

            // Clear Prefix and Add Prefix
            if(clearPrefix)
            {
                $(this).bind('focusout.price_format', function()
                {
                    clear_prefix();
                });

                $(this).bind('focusin.price_format', function()
                {
                    add_prefix();
                });
            }

            // Clear Suffix and Add Suffix
            if(clearSuffix)
            {
                $(this).bind('focusout.price_format', function()
                {
                    clear_suffix();
                });

                $(this).bind('focusin.price_format', function()
                {
                    add_suffix();
                });
            }

            // If value has content
            if ($(this).val().length>0)
            {
                price_it();
                clear_prefix();
                clear_suffix();
            }

        });

    };

    /**********************
    * Remove price format *
    ***********************/
    $.fn.unpriceFormat = function(){
      return $(this).unbind(".price_format");
    };

    /******************
    * Unmask Function *
    *******************/
    $.fn.unmask = function(){

        var field = $(this).val();
        var result = "";

        for(var f in field)
        {
            if(!isNaN(field[f]) || field[f] == "-") result += field[f];
        }

        return result;
    };

})(jQuery);

的index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="format.js"></script>
 <script type="text/javascript">

            $(function(){



                $('#price').priceFormat({
                      prefix: '',

                    thousandsSeparator: ',',
                    lakhsSeparator: "'"
                });
 $('#price1').priceFormat({
                      prefix: '',

                    thousandsSeparator: ''
                });
                });



        </script>
</head>

<body>
<input type="text" id="price">
</body>
</html>

为什么这不起作用?请劝告我。

4 个答案:

答案 0 :(得分:1)

您只需将thousandsCount%5==0添加到原始http://jquerypriceformat.com/txt/jquery.price_format.1.8.js_.txt 得到十万分之一

if (thousandsCount%3==0 || thousandsCount%5==0 ) char_ = thousandsSeparator+char_;
                        thousandsFormatted = char_+thousandsFormatted;

这是你的代码所做的。

例如,数字 1234567.89

  1. 使用数千格式将数字更改为 1,234,67.89
  2. 再次在第2步中,您的代码再次将数字格式设置为 12,34567.89 ,但未将数字 1,234,67.89 作为输入但是原始整数值那是 1234567
  3. 在回报中,你得到的输出 12,34567.89 而不是你想要的输出 1,2,34,567.89 (当然你的问题是要求)

答案 1 :(得分:0)

在Chrome 28中,以下内容有效:

Number(123456789).toLocaleString("bn-IN-u-nu-latn")
>> 12,34,56,789

这里的诀窍是,由于en-IN语言环境指定xxx,xxx,xxx格式,我们使用孟加拉语语言环境,语言环境扩展名u-nu-latn要求拉丁语数字。

这似乎不适用于Firefox或IE,甚至IE10。

这显然是利用了ECMAScript国际化API。请参阅Is there an i18n (Intl) shim for JavaScript?javascript number/currency formatting

就我个人而言,我还没有看到使用撇号的1'23,456格式,但如果您真的想要这样,那么您将不得不回头自己动手,因为ECMAScript国际化API不提供对自定义格式的支持。

答案 2 :(得分:0)

不要重新实现轮子,只需抓住jQuery Globalize并使用内置格式化程序。此外,使用Globalize,您的应用程序将可以本地化。

var price = Globalize.format( 123456789.00, "c", "bn-IN");  
//-> "টা 12,34,56,789.00"

注意,Globalize适用于jQuery UI小部件,例如spinner

答案 3 :(得分:0)

我修改了您正在使用的插件。它将格式化为1,23,45,678.90。添加了一个新的useLakhs标志,所以请记住也使用它。比较原始代码和我所做的更改会让你知道出了什么问题。

/*

* Price Format jQuery Plugin
* Created By Eduardo Cuducos cuducos [at] gmail [dot] com
* Currently maintained by Flavio Silveira flavio [at] gmail [dot] com
* Version: 1.7
* Release: 2012-02-22

* original char limit by Flavio Silveira <http://flaviosilveira.com>
* original keydown event attachment by Kaihua Qi
* keydown fixes by Thasmo <http://thasmo.com>
* Clear Prefix on Blur suggest by Ricardo Mendes from PhonoWay
* original allow negative by Cagdas Ucar <http://carsinia.com>
* keypad fixes by Carlos Vinicius <http://www.kvinicius.com.br> and Rayron Victor
* original Suffix by Marlon Pires Junior
* CentsLimit set to zero fixed by Jereon de Jong
* original idea for the use of the plus sign

*/

(function($) {

/****************
* Main Function *
*****************/
$.fn.priceFormat = function(options)
{

    var defaults =
    {
        prefix: 'US$ ',
        suffix: '',
        centsSeparator: '.',
        thousandsSeparator: ',',
        useLakhs: false,
        lakhsSeparator: ",",
        limit: false,
        centsLimit: 2,
        clearPrefix: false,
        clearSufix: false,
        allowNegative: false,
        insertPlusSign: false
    };

    var options = $.extend(defaults, options);

    return this.each(function()
    {
        // pre defined options
        var obj = $(this);
        var is_number = /[0-9]/;

        // load the pluggings settings
        var prefix = options.prefix;
        var suffix = options.suffix;
        var centsSeparator = options.centsSeparator;
        var thousandsSeparator = options.thousandsSeparator;
        var lakhsSeparator = options.lakhsSeparator;
        var limit = options.limit;
        var centsLimit = options.centsLimit;
        var clearPrefix = options.clearPrefix;
        var clearSuffix = options.clearSuffix;
        var allowNegative = options.allowNegative;
        var insertPlusSign = options.insertPlusSign;
        var useLakhs = options.useLakhs;

        // If insertPlusSign is on, it automatic turns on allowNegative, to work with Signs
        if (insertPlusSign) allowNegative = true;

        // skip everything that isn't a number
        // and also skip the left zeroes
        function to_numbers (str)
        {
            var formatted = '';
            for (var i=0;i<(str.length);i++)
            {
                char_ = str.charAt(i);
                if (formatted.length==0 && char_==0) char_ = false;

                if (char_ && char_.match(is_number))
                {
                    if (limit)
                    {
                        if (formatted.length < limit) formatted = formatted+char_;
                    }
                    else
                    {
                        formatted = formatted + char_;
                    }
                }
            }

            return formatted;
        }

        // format to fill with zeros to complete cents chars
        function fill_with_zeroes (str)
        {
            while (str.length < (centsLimit+1)) str = '0' + str;
            return str;
        }

        // format as price
        function price_format(str)
        {
            // formatting settings
            var formatted = fill_with_zeroes(to_numbers(str));
            var thousandsFormatted = '';
            var thousandsCount = 0;
            var lakhsFormatted = '';
            var lakhsCount = 0;

            // Checking CentsLimit
            if(centsLimit == 0)
            {
                centsSeparator = "";
                centsVal = "";
            }

            // split integer from cents
            var centsVal = formatted.substr(formatted.length - centsLimit, centsLimit);
            var integerVal = formatted.substr(0, formatted.length - centsLimit);

            // apply cents pontuation
            formatted = (centsLimit == 0) ? integerVal : integerVal + centsSeparator + centsVal;

            // apply thousands pontuation
            if (thousandsSeparator || $.trim(thousandsSeparator) != "")
            {
                for (var j = integerVal.length; j > 0; j--)
                {
                    char_ = integerVal.substr(j - 1, 1);
                    thousandsCount++;
                    if (thousandsCount % 3 == 0) char_ = thousandsSeparator + char_;
                    thousandsFormatted = char_ + thousandsFormatted;
                }

                if (thousandsFormatted.substr(0, 1) == thousandsSeparator) 
                    thousandsFormatted = thousandsFormatted.substring(1, thousandsFormatted.length);

                formatted = (centsLimit == 0) ? thousandsFormatted : thousandsFormatted + centsSeparator + centsVal;
            }

            // apply lakhs pontuation
            if (useLakhs &&(lakhsSeparator || $.trim(lakhsSeparator) != ""))
            {
                var flag = false;
                for (var j = integerVal.length; j > 0; j--)
                {
                    char_ = integerVal.substr(j - 1, 1);
                    lakhsCount++;
                    if (lakhsCount % 3 == 0 && !flag) {char_ = thousandsSeparator + char_; flag = true;}
                    else if ((lakhsCount - 3) % 2 == 0 && flag) char_ = lakhsSeparator + char_;
                    lakhsFormatted = char_ + lakhsFormatted;
                }

                if (lakhsFormatted.substr(0, 1) == lakhsSeparator) 
                    lakhsFormatted = lakhsFormatted.substring(1, lakhsFormatted.length);

                formatted = (centsLimit == 0) ? lakhsFormatted : lakhsFormatted + centsSeparator + centsVal;
            }


            // if the string contains a dash, it is negative - add it to the begining (except for zero)
            if (allowNegative && str.indexOf('-') != -1 && (integerVal != 0 || centsVal != 0))
                formatted = '-' + formatted;
            else if (insertPlusSign && (integerVal != 0 || centsVal != 0))
                formatted = '+' + formatted;

            // apply the prefix
            if (prefix) formatted = prefix + formatted;

            // apply the suffix
            if (suffix) formatted = formatted + suffix;

            return formatted;
        }

        // filter what user type (only numbers and functional keys)
        function key_check (e)
        {
            var code = (e.keyCode ? e.keyCode : e.which);
            var typed = String.fromCharCode(code);
            var functional = false;
            var str = obj.val();
            var newValue = price_format(str + typed);

            // allow key numbers, 0 to 9
            if((code >= 48 && code <= 57) || (code >= 96 && code <= 105)) functional = true;

            // check Backspace, Tab, Enter, Delete, and left/right arrows
            if (code ==  8) functional = true;
            if (code ==  9) functional = true;
            if (code == 13) functional = true;
            if (code == 46) functional = true;
            if (code == 37) functional = true;
            if (code == 39) functional = true;

            // Minus Sign, Plus Sign
            if (allowNegative && (code == 189 || code == 109)) functional = true; // dash as well
            if (insertPlusSign && (code == 187 || code == 107)) functional = true;

            if (!functional)
            {
                e.preventDefault();
                e.stopPropagation();
                if (str!=newValue) obj.val(newValue);
            }
        }

        // inster formatted price as a value of an input field
        function price_it ()
        {
            var str = obj.val();
            var price = price_format(str);
            if (str != price) obj.val(price);
        }

        // Add prefix on focus
        function add_prefix()
        {
            var val = obj.val();
            obj.val(prefix + val);
        }

        function add_suffix()
        {
            var val = obj.val();
            obj.val(val + suffix);
        }

        // Clear prefix on blur if is set to true
        function clear_prefix()
        {
            if($.trim(prefix) != '' && clearPrefix)
            {
                var array = obj.val().split(prefix);
                obj.val(array[1]);
            }
        }

        // Clear suffix on blur if is set to true
        function clear_suffix()
        {
            if($.trim(suffix) != '' && clearSuffix)
            {
                var array = obj.val().split(suffix);
                obj.val(array[0]);
            }
        }

        // bind the actions
        $(this).bind('keydown.price_format', key_check);
        $(this).bind('keyup.price_format', price_it);
        $(this).bind('focusout.price_format', price_it);

        // Clear Prefix and Add Prefix
        if(clearPrefix)
        {
            $(this).bind('focusout.price_format', function()
            {
                clear_prefix();
            });

            $(this).bind('focusin.price_format', function()
            {
                add_prefix();
            });
        }

        // Clear Suffix and Add Suffix
        if(clearSuffix)
        {
            $(this).bind('focusout.price_format', function()
            {
                clear_suffix();
            });

            $(this).bind('focusin.price_format', function()
            {
                add_suffix();
            });
        }

        // If value has content
        if ($(this).val().length>0)
        {
            price_it();
            clear_prefix();
            clear_suffix();
        }
    });
};

/**********************
* Remove price format *
***********************/
$.fn.unpriceFormat = function(){
  return $(this).unbind(".price_format");
};

/******************
* Unmask Function *
*******************/
$.fn.unmask = function(){

    var field = $(this).val();
    var result = "";

    for(var f in field)
    {
        if(!isNaN(field[f]) || field[f] == "-") result += field[f];
    }

    return result;
};

})(jQuery);

$(function(){
$('#price').priceFormat({
    prefix: 'Rs. ',
    thousandsSeparator: ',',
    lakhsSeparator: "'",
    useLakhs: true
});
});

让我知道这对你有用。