悠悠博客 关注Ajax技术与web开发

<style type="text/css">
<!--
#ipTB {
text-align: center;
margin: 0px;
padding: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset;
}
#ipTB input {
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: sans-serif;
TEXT-ALIGN: center;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
vertical-align: bottom;
height: 19px;
width: 25px;
margin: 0px;
padding: 0px;
border-width:0px;
line-height:19px;
}
-->
</style>
IP:
<table border="0" cellspacing="0" cellpadding="0" id="ipTB">
<tr>
<td>
<input name="TextBox1" type="text" id="TextBox1" /></td>
<td>.</td>
<td>
<input name="TextBox2" type="text" id="TextBox2" /></td>
<td>.</td>
<td>
<input name="TextBox3" type="text" id="TextBox3" /></td>
<td>.</td>
<td>
<input name="TextBox4" type="text" id="TextBox4" /></td>
</tr>
</table>
<script>
function onKeyDown() {
if (event.shiftKey) {
event.returnValue = false;
return;
}
var keyCode = parseInt(event.keyCode);
var result = true;
if ((keyCode == 8) || (keyCode == 37) || (keyCode == 39) || (keyCode == 9)) {
return;
}
if ((keyCode>=48) && (keyCode<=57)) {
return;
} else {
result = false;
}
if ((keyCode>=96) && (keyCode<=105)) {
return;
} else {
result = false;
}
if ((keyCode == 110) || (keyCode == 190) || (keyCode == 32)) {
event.keyCode = 9;
return;
}
if (result == false) {
event.returnValue = false;
}
}
function onKeyUp() {
var maskInt = parseInt(this.value);
if (this == ar[0]) {
if (maskInt>223) {
alert(maskInt+"不是个有效项目，请指定一个介于1和223之间的数值");
this.value = "223";
} else if (maskInt == 127) {
alert("以127开头的IP地址无效，因为它们保留用作环回地址，请在1和223之间指定一些其他有效值");
this.value = "1";
}
} else {
if ((maskInt<0) || (maskInt>255)) {
this.value = 255;
alert(maskInt+"不是个有效项目，请指定一个介于0和255之间的数值");
}
}
if(this.value.length>=3){
var index=parseInt(this.id.substring(7,8))+1;
if(index<5)
document.getElementById("TextBox"+index).focus();
}
}
var ar = document.getElementById("ipTB").getElementsByTagName("input");
for (var i = 0; i<ar.length; i++) {
ar[i].onkeydown = onKeyDown;
ar[i].onkeyup = onKeyUp;
}
</script>