JS+CSS模拟IP输入框

</p> <p><title>测试</title> </p> <p><!-- .textiploghidden { border-right: 2px; border-top: 2px; font-size: 12px; border-left: 2px; width: 30px; color: #ffffff; border-bottom: 2px; font-family: sans-serif; height: 22px; border: 1 solid #000000 } .textipinput { border-right: 0px; border-top: 0px; font-size: 11px; border-left: 0px; width: 30px; color: #000000; border-bottom: 0px; font-family: sans-serif; height: 19px; background-color: #ffffff; text-align: center } --> </p> <p>function check<a href="https://kunjuke.com/tag/4087/" title="ip" target="_blank">ip</a>valid_1()<br /> {<br /> if(event.shiftkey)<br /> {<br /> event.returnvalue=false;<br /> return;<br /> }<br /> var keycode = parseint(event.keycode);<br /> var result=true;<br /> if((keycode==8) || (keycode==37) || (keycode==39) || (keycode==9)) return; </p> <p> if((keycode>=48) && (keycode=96) && (keycode223)<br /> {<br /> eval("form."+ip).value="223";<br /> alert(ip_1+"不是个有效项目，请指定一个介于1和223之间的数值"); </p> <p> }<br /> else if(ip_1==127)<br /> {<br /> eval("form."+ip).value="1";<br /> alert("以127开头的ip地址无效，因为它们保留用作环回地址，请在1和223之间指定一些其他有效值");<br /> }<br /> } </p> <p>function checkipvalid_3(mask)<br /> { </p> <p> if(typeof(mask) != 'object'){<br /> mask = eval(mask)<br /> }<br /> var maskint=parseint(mask.value);<br /> if((maskint255))<br /> {<br /> mask.value=255;<br /> alert(maskint+"不是个有效项目，请指定一个介于0和255之间的数值");<br /> }<br /> } </p> <p>function checkipvalid_4(mask)<br /> {<br /> var maskint=parseint(mask.value);<br /> if((maskint32))<br /> {<br /> mask.value="";<br /> alert("掩码错误，请指定一个介于0和32之间的数值");<br /> }<br /> } </p> <p>function checkipvalid_5()<br /> {<br /> var keycode = parseint(event.keycode);<br /> var result=true;<br /> if((keycode==219) || (keycode==221) || (keycode==191) || (keycode==220) || (keycode==186) || (keycode==32))<br /> {<br /> result=false;<br /> }<br /> if(result==false) event.returnvalue=false;<br /> } </p> <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"></td> <td align="center" width="4" style="font-weight:bold">.</td> <td width="50" align="center" valign="bottom"></td> <td align="center" width="4" style="font-weight:bold">.</td> <td width="50" align="center" valign="bottom"></td> <td align="center" width="4" style="font-weight:bold">.</td> <td width="50" align="center" valign="bottom"></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]