用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需再刷新一下页面才能执行]

大家有时间可以弄下，增加个输入.即可切换到下一个

您可能感兴趣的文章:

用JavaScript实现的一个IP地址输入框

javascript 单选按钮单击选中双击取消选择实现代码
很多情况下，我们需要对radio单选框实现取消选择，这里用js的实现方法，确实不错。
2010-08-08
javascript据option的value值快速设定初始的selected选项
javascript据option的value值快速设定初始的selected选项...
2007-08-08
关于搜索输入框
关于搜索输入框...
2006-10-10
获取 textarea 标签第n行的文字的js代码
获取 textarea 标签第n行的文字的实现代码，非常的不错，兼容了firefox.
2009-08-08
js删除select中重复项的实现代码
使用嵌套循环来枚举重复项，然后移除。
2010-02-02
js颜色选择器代码[firefox不支持]
非常不错的，颜色选择效果代码
2008-11-11
autocomplete禁止自动完成功能
autocomplete禁止自动完成功能...
2007-06-06
js onpropertychange输入框事件获取属性
onpropertychange主要是可以实时获取用户的修改等事件。
2009-03-03
JavaScript聚焦于第一个字段的代码
在web页面中，经常有信息录入页面，比如登录页面或者注册页面，在页面打开时，将光标的焦点自动定位在第一个输入字段中，这将会有更好的用户体验。
2010-10-10
javascript 常用代码技巧大收集
文本框焦点问题网页按钮的特殊颜色等常用的一些网站中常用到的一些不得不会的一些知识点。
2009-02-02