Numeric Text Box Format

[progdoctor]

I have scripts that can format a HTML input value as a numeric format or money format.. Hope its useful

function XFormat(arrayCtl)
{
    this.arrCtl = arrayCtl;
    if (typeof XFormat._initialized == 'undefined') 
    {
        XFormat.prototype.setKeyPress = function(){return 0;};
        XFormat.prototype.setFocus = function(){this.select();};
        XFormat.prototype.setBlur = function(){return 0;};
        XFormat.prototype.setFormat = function (){return 0;}; 
 
        XFormat._initialized = true;
    }
}
 
function XFormatNumber(arrayCtl)
{
    XFormat.call(this,arrayCtl);
    if (typeof XFormatNumber._initialized == 'undefined') 
    {
        XFormatNumber.prototype.setKeyPress = function()
        {
            //mengizinkan karakter '-'(minus),'0-9'(numerik)
            if(event.keyCode==45)
                return true;
            else if(event.keyCode>=48 && event.keyCode<=57)
                return true;
            else
                return false;
        };
 
        XFormatNumber.prototype.setBlur = function()
        {
            if(this.value=='' || isNaN(this.value))
                this.value = 0;
        };
 
        XFormatNumber.prototype.setFormat = function () 
        {
            if(this.arrCtl.length>0)
            {
                for(var i=0;i<this.arrCtl.length;i++)
                {
                    this.arrCtl[i].style.textAlign='right';
                    this.arrCtl[i].onkeypress = this.setKeyPress;
                    this.arrCtl[i].onfocus = this.setFocus ;
                    this.arrCtl[i].onblur= this.setBlur;
                }
            }
        };
 
        XFormatNumber._initialized = true;
    }
}
XFormatNumber.prototype = new XFormat();
 
function XFormatMoney(arrayCtl)
{
    XFormatNumber.call(this,arrayCtl);
    if (typeof XFormatMoney._initialized == 'undefined') 
    {    
        XFormatNumber.prototype.setKeyPress = function()
        {
            //mengizinkan karakter '-'(minus),'.'(separator desimal),'0-9'(numerik)
            if(event.keyCode >=45 && event.keyCode<=46)
                return true;
            else if(event.keyCode>=48 && event.keyCode<=57)
                return true;
            else
                return false;
        };
 
        XFormatMoney.prototype.setFocus =  this.getOriginalValue;
 
        XFormatMoney.prototype.setBlur = function()
        {
            var nStr = this.value+'';
            var rgx = /(\d+)(\d{3})/;
            var x;
            if(this.value=='' || isNaN(this.value))
                {this.value = '0.00';}
            else
            {
                x = nStr.split('.');
                var x1 = x[0];
                var x2 = x.length > 1 ? '.' + x[1] : '.00';
                while (rgx.test(x1)) 
                {
                    x1 = x1.replace(rgx, '$1' + ',' + '$2');
                }
                if(x.length > 1 && x[1].length >2)
                    x2 = '.'+x[1].substring(0,2);
                this.value = x1 + x2;
            }
        };
 
        XFormatMoney._initialized = true;
    }
}
XFormatMoney.prototype = new XFormatNumber();
XFormatMoney.prototype.getOriginalValue = function()
{
    var originalValue=0;
    var re = /,/;
    if(this.value!='')
    {
        originalValue=this.value.replace(re,'');
        if(parseFloat(originalValue).length != originalValue)
            originalValue = parseFloat(originalValue);
    }
    this.value = originalValue;
    this.select();
}
 

and this is how to use that functions

txtMoney1 = document.getElementById('txtMoney1');
txtMoney2 = document.getElementById('txtMoney2');
txtNumber1 = document.getElementById('txtNumber1');
txtNumber2 = document.getElementById('txtNumber2');
 
oXFormatNumber = new XFormatNumber([txtNumber1,txtNumber2]);
oXFormatNumber.setFormat();
oXFormatMoney =new XFormatMoney([txtMoney1,txtMoney2]);
oXFormatMoney.setFormat();