JS+CSS模拟IP输入框

更新时间：2006年09月21日 00:00:00 作者：

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> <html><head> <title>测试</title> <meta http-equiv="Content-type" content="text/html; charset=gb2312"> <meta http-equiv="pragma" content="no-cache"> <style type="text/css"></style> <SCRIPT language=JavaScript1.2> function checkIPValid_1() {     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 checkIPValid_2(formname,ip) {     var form = eval("document."+formname)     var ip_1 = parseInt(eval("form."+ip+".value"));     if(ip_1>223)     {         eval("form."+ip).value="223";         alert(ip_1+"不是个有效项目，请指定一个介于1和223之间的数值");     }     else if(ip_1==127)     {         eval("form."+ip).value="1";         alert("以127开头的IP地址无效，因为它们保留用作环回地址，请在1和223之间指定一些其他有效值");     } } function checkIPValid_3(mask) {          if(typeof(mask) != 'object'){         mask = eval(mask)     }     var maskInt=parseInt(mask.value);     if((maskInt<0) || (maskInt>255))     {         mask.value=255;         alert(maskInt+"不是个有效项目，请指定一个介于0和255之间的数值");     } } function checkIPValid_4(mask) {     var maskInt=parseInt(mask.value);     if((maskInt<0) || (maskInt>32))     {         mask.value="";         alert("掩码错误，请指定一个介于0和32之间的数值");     } } function checkIPValid_5() {     var keyCode = parseInt(event.keyCode);     var result=true;     if((keyCode==219) || (keyCode==221) || (keyCode==191) || (keyCode==220) || (keyCode==186) || (keyCode==32))     {         result=false;         }     if(result==false) event.returnValue=false; } </SCRIPT>  </head> <body> <form name=form1> <table width="100%" border="0" cellpadding="4" cellspacing="2">           <tr>             <td colspan="2" align="right" style="padding-right:267;" ><table  border="0" cellpadding="0" cellspacing="0">                 <tr>                   <td width="80" align="right" style="padding-right:3px;">IP地址：</td>                   <td width="200" align="left" valign="bottom" ><table border="0" cellpadding="0" cellspacing="0" class="textiploghidden" style="width:140px">                       <tr>                         <td width="50" align="center" valign="bottom"><input name="ip1" maxlength="3" class="textipinput" value="" onKeyDown="checkIPValid_1()" onKeyUp="checkIPValid_2('form1','ip1')"/></td>                         <td align="center" width="4" style="font-weight:bold;color=#000000">.</td>                         <td width="50" align="center" valign="bottom"><input name="ip2" maxlength="3" class="textipinput" value="" onKeyDown="checkIPValid_1()" onKeyUp="checkIPValid_3(eval('document.form1.ip2'))"/></td>                         <td align="center" width="4" style="font-weight:bold;color=#000000">.</td>                         <td width="50" align="center" valign="bottom"><input name="ip3" maxlength="3" class="textipinput" value="" onKeyDown="checkIPValid_1()" onKeyUp="checkIPValid_3(eval('document.form1.ip3'))"/></td>                         <td align="center" width="4" style="font-weight:bold;color=#000000">.</td>                         <td width="50" align="center" valign="bottom"><input name="ip4" maxlength="3" class="textipinput" value="" onKeyDown="checkIPValid_1()" onKeyUp="checkIPValid_3(eval('document.form1.ip4'))"/></td>                       </tr>                     </table></td>                 </tr>               </table></td>           </tr>       </table> </form> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

JS+CSS模拟IP输入框

javascript 单选框，多选框美化代码
javascript checkbox,radio美好效果代码，非常漂亮
2008-08-08
HTML-CSS群中单选引发的“事件”
HTML-CSS群中单选引发的“事件”...
2007-03-03
用Javscript实现表单复选框的全选功能
用Javscript实现表单复选框的全选功能...
2007-05-05
Javascript select下拉框操作常用方法
Javascript操作下拉框的常用方法,在js与表单控制中，经常用的到。
2009-11-11
在js中单选框和复选框获取值的方式
在js中单选框和复选框获取值的方式,需要的朋友可以参考下。
2009-11-11
Js 载入时选中文字的实现代码
Js 载入时选中文字的实现代码，需要的朋友可以参考下。
2010-05-05
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[...
2006-12-12
javascript实现通过拼音首字母快速选择下拉列表
比如，某选项的拼音首字母为"a",只要按下键盘上的"a"，就可以快速选择该项。如何解决重音字和兼容ff. ff下怎呢得到asc呢，忘高手指教
2008-05-05
关于搜索输入框
关于搜索输入框...
2006-10-10
jquery自定义下拉列表示例
这篇文章主要介绍了jquery自定义下拉列表示例,需要的朋友可以参考下
2014-04-04

JS+CSS模拟IP输入框

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具