JS+CSS模拟IP输入框

<!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> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3DJavaScript1.2%3E%20%0D%0A%0D%0Afunction%20checkIPValid_1()%20%0D%0A%7B%20%0D%0A%20%20%20%20if(event.shiftKey)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20event.returnValue%3Dfalse%3B%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20var%20keyCode%20%3D%20parseInt(event.keyCode)%3B%20%0D%0A%20%20%20%20var%20result%3Dtrue%3B%20%0D%0A%20%20%20%20if((keyCode%3D%3D8)%20%7C%7C%20(keyCode%3D%3D37)%20%7C%7C%20(keyCode%3D%3D39)%20%7C%7C%20(keyCode%3D%3D9))%20return%3B%20%0D%0A%0D%0A%20%20%20%20if((keyCode%3E%3D48)%20%26%26%20(keyCode%3C%3D57))%20return%3B%20%0D%0A%20%20%20%20else%20result%3Dfalse%3B%20%0D%0A%20%20%20%20if((keyCode%3E%3D96)%20%26%26%20(keyCode%3C%3D105))%20return%3B%20%0D%0A%20%20%20%20else%20result%3Dfalse%3B%20%0D%0A%0D%0A%20%20%20%20if((keyCode%3D%3D110)%20%7C%7C%20(keyCode%3D%3D190)%20%7C%7C%20(keyCode%3D%3D32))%20%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20event.keyCode%3D9%3B%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if(result%3D%3Dfalse)%20event.returnValue%3Dfalse%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20checkIPValid_2(formname%2Cip)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20form%20%3D%20eval(%22document.%22%2Bformname)%20%0D%0A%20%20%20%20var%20ip_1%20%3D%20parseInt(eval(%22form.%22%2Bip%2B%22.value%22))%3B%20%0D%0A%20%20%20%20if(ip_1%3E223)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20eval(%22form.%22%2Bip).value%3D%22223%22%3B%20%0D%0A%20%20%20%20%20%20%20%20alert(ip_1%2B%22%E4%B8%8D%E6%98%AF%E4%B8%AA%E6%9C%89%E6%95%88%E9%A1%B9%E7%9B%AE%EF%BC%8C%E8%AF%B7%E6%8C%87%E5%AE%9A%E4%B8%80%E4%B8%AA%E4%BB%8B%E4%BA%8E1%E5%92%8C223%E4%B9%8B%E9%97%B4%E7%9A%84%E6%95%B0%E5%80%BC%22)%3B%20%0D%0A%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20else%20if(ip_1%3D%3D127)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20eval(%22form.%22%2Bip).value%3D%221%22%3B%20%0D%0A%20%20%20%20%20%20%20%20alert(%22%E4%BB%A5127%E5%BC%80%E5%A4%B4%E7%9A%84IP%E5%9C%B0%E5%9D%80%E6%97%A0%E6%95%88%EF%BC%8C%E5%9B%A0%E4%B8%BA%E5%AE%83%E4%BB%AC%E4%BF%9D%E7%95%99%E7%94%A8%E4%BD%9C%E7%8E%AF%E5%9B%9E%E5%9C%B0%E5%9D%80%EF%BC%8C%E8%AF%B7%E5%9C%A81%E5%92%8C223%E4%B9%8B%E9%97%B4%E6%8C%87%E5%AE%9A%E4%B8%80%E4%BA%9B%E5%85%B6%E4%BB%96%E6%9C%89%E6%95%88%E5%80%BC%22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20checkIPValid_3(mask)%20%0D%0A%7B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20if(typeof(mask)%20!%3D%20'object')%7B%20%0D%0A%20%20%20%20%20%20%20%20mask%20%3D%20eval(mask)%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20var%20maskInt%3DparseInt(mask.value)%3B%20%0D%0A%20%20%20%20if((maskInt%3C0)%20%7C%7C%20(maskInt%3E255))%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20mask.value%3D255%3B%20%0D%0A%20%20%20%20%20%20%20%20alert(maskInt%2B%22%E4%B8%8D%E6%98%AF%E4%B8%AA%E6%9C%89%E6%95%88%E9%A1%B9%E7%9B%AE%EF%BC%8C%E8%AF%B7%E6%8C%87%E5%AE%9A%E4%B8%80%E4%B8%AA%E4%BB%8B%E4%BA%8E0%E5%92%8C255%E4%B9%8B%E9%97%B4%E7%9A%84%E6%95%B0%E5%80%BC%22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20checkIPValid_4(mask)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20maskInt%3DparseInt(mask.value)%3B%20%0D%0A%20%20%20%20if((maskInt%3C0)%20%7C%7C%20(maskInt%3E32))%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20mask.value%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20alert(%22%E6%8E%A9%E7%A0%81%E9%94%99%E8%AF%AF%EF%BC%8C%E8%AF%B7%E6%8C%87%E5%AE%9A%E4%B8%80%E4%B8%AA%E4%BB%8B%E4%BA%8E0%E5%92%8C32%E4%B9%8B%E9%97%B4%E7%9A%84%E6%95%B0%E5%80%BC%22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0Afunction%20checkIPValid_5()%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20keyCode%20%3D%20parseInt(event.keyCode)%3B%20%0D%0A%20%20%20%20var%20result%3Dtrue%3B%20%0D%0A%20%20%20%20if((keyCode%3D%3D219)%20%7C%7C%20(keyCode%3D%3D221)%20%7C%7C%20(keyCode%3D%3D191)%20%7C%7C%20(keyCode%3D%3D220)%20%7C%7C%20(keyCode%3D%3D186)%20%7C%7C%20(keyCode%3D%3D32))%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20result%3Dfalse%3B%20%20%20%20%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if(result%3D%3Dfalse)%20event.returnValue%3Dfalse%3B%20%0D%0A%7D%20%0D%0A%3C%2FSCRIPT%3E">  
</head>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程