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

用srcElement实现添加效果
用srcElement实现添加效果...
2006-08-08
javascript实现通过拼音首字母快速选择下拉列表
比如，某选项的拼音首字母为"a",只要按下键盘上的"a"，就可以快速选择该项。如何解决重音字和兼容ff. ff下怎呢得到asc呢，忘高手指教
2008-05-05
解决表单中第一个非隐藏的元素获得焦点的一个方案
解决表单中第一个非隐藏的元素获得焦点的一个方案
2009-10-10
onpropertypchange
onpropertypchange...
2006-07-07
通过ifame指向的页面高度调整iframe的高度
[红色]通过ifame指向的页面高度调整iframe的高度...
2006-10-10
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码...
2007-02-02
二级连动菜单
二级连动菜单...
2006-07-07
关于表单的两点交互体验改进技巧
关于表单的两点交互体验改进技巧...
2007-02-02
实用的JS表单验证提示效果
一个流行且实用的JS表单验证提示，演示了怎么自定义错误信息的显示方式，同时通过写FormValid.showError类方法来实现错误显示方式自定义.
2009-11-11
了解JavaScript表单操作和表单域
本文介绍了JavaScript中表单操作以及表单域，下面我们来一起学习一下吧
2019-05-05