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输入框

鼠标放在放在输入框上面提示效果
鼠标放在放在输入框上面提示效果...
2006-12-12
如何使用 typed-rest-client 进行 REST API 调用
typed-rest-client是专为Node.js设计的库,用于以类型安全的方式与RESTful API进行交互,用户可以方便地访问和处理API返回的数据,此外,还需要定义相应的接口来描述API返回的数据结构,确保类型安全,感兴趣的朋友跟随小编一起看看吧
2024-09-09
简单的js表单验证函数
这个js表单验证函数是自己写的，中间用到了JS 正则表达式，同是也可以学习一下正则表达式的应用。
2013-10-10
输入文字自动变化宽度的INPUT,带计数（图）
随着输入文字的多少自动变化宽度的INPUT，带计数
2008-11-11
取得input元素中部分选中(selected)的值
取得input元素中部分选中(selected)的值...
2007-02-02
javascript radio 联动效果
js联动效果实现代码
2009-03-03
js颜色选择器代码[firefox不支持]
非常不错的，颜色选择效果代码
2008-11-11
JavaScript 控制文本框的值连续加减
JavaScript控制文本框的值连续加减，一方面学习如何适时对文本框赋值，另一方面学习如何在对象上进行运算，很有用处哦。
2009-10-10
快速判断某个值是否在select中的方法
快速判断某个值是否在select中的方法...
2006-09-09
一个非常强大完整的web表单验证程序Validator v1.05
一个非常强大完整的web表单验证程序Validator v1.05...
2006-07-07

JS+CSS模拟IP输入框

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具