// Javascript Numeric EditMask

// Written By John McGlothlin - Patoooey@optonline.net

// April 7th, 2004

//

// simple RegEx patterns to make life easy.

var reOneOrMoreDigits = /[\d+]/;

var reNoDigits = /[^\d]/gi;



function doMask(textBox) {



	var keyCode = event.which ? event.which : event.keyCode;



	// enter, backspace, delete and tab keys are allowed thru

	if(keyCode == 13 || keyCode == 8 || keyCode == 9 || keyCode == 46)

		return true;



	// get character from keyCode....dealing with the "Numeric KeyPad" 

	// keyCodes so that it can be used

	var keyCharacter = cleanKeyCode(keyCode);



	// grab the textBox value and the mask

	var val = textBox.value;

	var mask = textBox.mask;



	// simple Regex to check if key is a digit

	if(reOneOrMoreDigits.test(keyCharacter) == false)

		return false;

	

	// get value minus any masking by removing all non-numerics

	val = val.replace(reNoDigits,'');			



	// add current keystroke

	val += keyCharacter;



	// mask it...val holds the existing TextBox.value + the current keystroke

	textBox.value = val.maskValue(mask);

	

	setCaretAtEnd(textBox);



	return false;

}

// puts starting chars in field

function onFocusMask(textBox,DateIn) 
{
    var X = textBox.value != DateIn ;
    var val = textBox.value;
	var mask = textBox.mask;
	 
        if(X)
        { 
	        if(val.length == 0 || val == null) 
	        {
		        var i = mask.indexOf('#');
		        textBox.value = mask.substring(0,i);
		    }
        }
        else
        {
            textBox.value = "";
            textBox.style.color = 'black';
        }

	setCaretAtEnd(textBox);
	// set just in case.
	textBox.maxlength = mask.length;

}

// blank field if no digits entered

function onBlurMask(textBox) {

	var val = textBox.value;

	// if no digits....nada entered.....blank it.

	if(reOneOrMoreDigits.test(val) == false) {

		textBox.value = '';

	}

}

String.prototype.maskValue = function(mask) {

	var retVal = mask;

	var val = this;



	//loop thru mask and replace #'s with current value one at a time

	// better way of doing this ???

	for(var i=0;i<val.length;i++) {

		retVal = retVal.replace(/#/i, val.charAt(i));

	}

	// get rid of rest of #'s

	retVal = retVal.replace(/#/gi, "");

	return retVal;

}

// The Numeric KeyPad returns keyCodes that ain't all that workable.

//

// ie: KeyPad '1' returns keyCode 97 which String.fromCharCode converts to an 'a'.

//

// This cheesy way allows the Numeric KeyPad to be used

function cleanKeyCode(key)

{

	switch(key)

	{

		case 96: return "0"; break;

		case 97: return "1"; break;

		case 98: return "2"; break;

		case 99: return "3"; break;

		case 100: return "4"; break;

		case 101: return "5"; break;

		case 102: return "6"; break;

		case 103: return "7"; break;

		case 104: return "8"; break;

		case 105: return "9"; break;

		default: return String.fromCharCode(key); break;

	}

}

// From:

// http://www.faqts.com/knowledge_base/view.phtml/aid/1159/fid/130

function setCaretAtEnd (field) {

  if (field.createTextRange) {

    var r = field.createTextRange();

    r.moveStart('character', field.value.length);

    r.collapse();

    r.select();

  }

}