JavaScript - How To Handle An Ip Address In Input Text Boxes.

<script type="text/javascript">
			var counter = 3;
			function addNew() {
				// Get the main Div in which all the other divs will be added
				var mainContainer = document.getElementById('mainContainer');
				// Create a new div for holding text and button input elements
				var newDiv = document.createElement('div');
				// Create a new text input
				var newText = document.createElement('input');
				newText.type = "text"; 
				newText.value = "DD/MM/AAAA"; 
				newText.name = counter++;
				
				var newText1 = document.createElement('input');
				newText1.type = "text"; 
				newText1.value = "DD/MM/AAAA";
				newText1.name = counter++;
				
				var newText2 = document.createElement('input');
				newText2.type = "text";
				newText2.value = "0"; 
				newText2.name = counter++;

				// Create a new button input
				var newDelButton = document.createElement('input');
				newDelButton.type = "button";
				newDelButton.value = "Delete";

				// Append new text input to the newDiv
				newDiv.appendChild(newText);
				newDiv.appendChild(newText1);
				newDiv.appendChild(newText2);

				
				// Append new button input to the newDiv
				newDiv.appendChild(newDelButton);
				// Append newDiv input to the mainContainer div
				mainContainer.appendChild(newDiv);
				counter++;
				
				// Add a handler to button for deleting the newDiv from the mainContainer
				newDelButton.onclick = function() {
						mainContainer.removeChild(newDiv);
				}
			}
		</script>
<table style="margin-left:200px" border="0">
  <tr><!-- Row 1 -->
     <td width="140"><b>Start Date</b></td><!-- Col 1 -->
     <td width="142"><b>End Date</b></td><!-- Col 2 -->
     <td width="140"><b>Price per week</b></td><!-- Col 3 -->
  </tr>
  </table>
  
<div style="margin-left:200px" id="mainContainer"><div><input value="DD/MM/AAAA" name="0" type="text" ><input value="DD/MM/AAAA" name="1" type="text" ><input value="0" name="2" type="text" ><input type="button" value="New price" onClick="addNew()"></div>

Month 1: <input size="7" type="text" value="0" id="return1" name="return_1">
<input type="button" value="Calculate Remaining Amount" onClick="thirdReturn();">
Month 2: <input size="7" type="text" id="return2" value="0" name="return_2">
Month 3: <span style="color:black; font-size:14px;" id="return3"></span>

function thirdReturn()	{
	var first_return = document.getElementById("return1").value;
	var second_return = document.getElementById("return2").value;
			
	first_return = first_return.replace(/\,/g,'');
	second_return = second_return.replace(/\,/g,'');
			
	var combined = Number(first_return) + Number(second_return);
			
	if (typeof this.remaining_pipp_amount == "undefined") {
		alert('Please select a Flex option');
	}
	else{
		if (combined > this.remaining_pipp_amount){
			alert('Return Amount Exceeds Credit Amount');
		}
		else{
			var temp = this.remaining_pipp_amount - combined;
			var third_return_amount = document.getElementById("return3");
			third_return_amount.innerHTML = addCommas(Math.round(temp));
		}
	}
}

function thirdReturn()	{
	var first_return = document.getElementById("return1").value;
	var second_return = document.getElementById("return2").value;
			
	first_return = first_return.replace(/\,/g,'');
	second_return = second_return.replace(/\,/g,'');
			
	var combined = Number(first_return) + Number(second_return);
			
	if (typeof this.remaining_pipp_amount == "undefined") {
		alert('Please select a Flex option');
	}
	else{
		if (combined > this.remaining_pipp_amount){
			alert('Return Amount Exceeds Credit Amount');
		}
		else{
			var temp = this.remaining_pipp_amount - combined;
			if (second_return == 0){
				var new_second = document.getElementById("return2")
				new_second.innerHTML = Math.round(temp);
			}
			else{
				var third_return_amount = document.getElementById("return3");
				//alert (temp);
				third_return_amount.innerHTML = addCommas(Math.round(temp));
			}
		}
	}
}

window.onload = function()
{
	var theInputs = document.getElementsByTagName('input');
	for(var i = 0; i < theInputs.length; i++)
	{
		if(theInputs[i].type == 'text')
		{
			theInputs[i].onkeyup = function()
			{
				createCookie(this.name,this.value,9999);
			}
		}
		if(readCookie(theInputs[i].name+'val') != null)
		{
			theInputs[i].value = readCookie(theInputs[i].name+'val');
		}
}
}