用JavaScript實現的一個IP地址輸入框

更新時間：2007年10月27日 22:27:00 作者：

用JavaScript實現的一個IP地址輸入框，感覺不是太好，如果是192.168.1.1就必須輸入192.168.001.001了別扭啊

<html> <head> <meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312"> <meta  name="GENERATOR"  content="Microsoft  FrontPage  4.0"> <meta  name="ProgId"  content="FrontPage.Editor.Document"> <style> .a3{width:30;border:0;text-align:center} </style> <script> function  mask(obj){ obj.value=obj.value.replace(/[^\d]/g,'') key1=event.keyCode if  (key1==37  ||  key1==39) {  obj.blur(); nextip=parseInt(obj.name.substr(2,1)) nextip=key1==37?nextip-1:nextip+1; nextip=nextip>=5?1:nextip nextip=nextip<=0?4:nextip eval("ip"+nextip+".focus()") }   if(obj.value.length>=3)   if(parseInt(obj.value)>=256  ||  parseInt(obj.value)<=0) { alert(parseInt(obj.value)+"IP地址錯誤！") obj.value="" obj.focus() return  false; } else   {  obj.blur(); nextip=parseInt(obj.name.substr(2,1))+1 nextip=nextip>=5?1:nextip nextip=nextip<=0?4:nextip eval("ip"+nextip+".focus()") } } function  mask_c(obj) { clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,'')) } </script> <title>IP地址輸入</title> </head> <body>IP地址輸入 <div  style="border-width:1;border-color:balck;border-style:solid;width:165;font-size:9pt"> <input  type=text  name=ip1  maxlength=3  class=a3  onkeyup="mask(this)"  onbeforepaste=mask_c()>. <input  type=text  name=ip2  maxlength=3  class=a3  onkeyup="mask(this)"  onbeforepaste=mask_c()>. <input  type=text  name=ip3  maxlength=3  class=a3  onkeyup="mask(this)"  onbeforepaste=mask_c()>. <input  type=text  name=ip4  maxlength=3  class=a3  onkeyup="mask(this)"  onbeforepaste=mask_c()> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

大家有時間可以弄下，增加個輸入.即可切換到下一個

您可能感興趣的文章:

用JavaScript實現的一個IP地址輸入框

JS 動態(tài)添加列表框項效果代碼
動態(tài)添加列表框項，不錯的效果，需要用的朋友可以參考下。
2009-07-07
兼容Firefox和IE的onpropertychange事件oninput
onpropertychange能夠捕獲每次輸入值的變化。例如：對象的value值被改變時，onpropertychange能夠捕獲每次改變，而onchange需要執(zhí)行某個事件才可以捕獲。
2008-06-06
select發(fā)展史超強
select發(fā)展史超強...
2007-02-02
符合標準的js表單提交的代碼
符合標準的js表單提交的代碼...
2007-09-09
javascript之dhDataGrid Ver2.0.0代碼
javascript之dhDataGrid Ver2.0.0代碼...
2007-07-07
javascript 自動填寫表單的實現方法
在訪問某些站點時，常常發(fā)現要填寫一些沒有實際意義但又必須得重復填寫的表單，而且現在B/S的應用越來越多，下面的方法也許可以讓你輕松點。
2010-04-04
js onpropertychange輸入框事件獲取屬性
onpropertychange主要是可以實時獲取用戶的修改等事件。
2009-03-03
javascript各瀏覽器中option元素的表現差異
javascript各瀏覽器中option元素的表現差異,需要的朋友可以參考下。
2011-04-04
js限制文本框為整數和貨幣的函數代碼
js限制文本框為整數和貨幣的函數代碼，方便一些數據庫字段的控制。
2010-10-10
javascript實現愛你在FF IE下都有效的添加一個項目
javascript實現愛你在FF IE下都有效的添加一個項目...
2007-07-07