用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地址输入框

JS 动态添加列表框项效果代码
动态添加列表框项，不错的效果，需要用的朋友可以参考下。
2009-07-07
兼容Firefox和IE的onpropertychange事件oninput
onpropertychange能够捕获每次输入值的变化。例如：对象的value值被改变时，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。
2008-06-06
select发展史超强
select发展史超强...
2007-02-02
符合标准的js表单提交的代码
符合标准的js表单提交的代码...
2007-09-09
javascript之dhDataGrid Ver2.0.0代码
javascript之dhDataGrid Ver2.0.0代码...
2007-07-07
javascript 自动填写表单的实现方法
在访问某些站点时，常常发现要填写一些没有实际意义但又必须得重复填写的表单，而且现在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

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具