TestFunction

by Greg Finzer

HTML

<input type="text" id="myTextField"/>
<input type="submit" id="byBtn" value="Test" onclick="change()"/>
<h1 id="result">Result</h1>

JavaScript

function change(){
    
   var myNewTitle = document.getElementById('myTextField').value;
   if( myNewTitle.length==0 ){
       alert('Write Some real Text please.');
   return;
   }
   
   var title = document.getElementById('result');
   title.innerHTML = FormatPhone(myNewTitle);
    
}

function FormatPhone(phone) {
	    if (!phone)
	        return phone;

	    var onlyNumbers = ExtractNumbers(phone);

	    if (onlyNumbers < 7)
	        return phone;
	    if (onlyNumbers.length === 7) {
	        return onlyNumbers.substr(0, 3) + "-" + onlyNumbers.substr(3, 4);
	    } else if (onlyNumbers.length === 10) {
	        return onlyNumbers.substr(0, 3) + "-" + onlyNumbers.substr(3, 3) + "-" + onlyNumbers.substr(6, 4);
	    } else {
	        return onlyNumbers.substr(0, 3) + "-" +             onlyNumbers.substr(3, 3) + "-" + onlyNumbers.substr(6, 4) +
                " ext " + onlyNumbers.substr(10);
	    }    
}

function ExtractNumbers(text) {
    if (!text)
        return text;
    
    return text.replace(/^\D+/g, "");
}