`
wangshaofei
  • 浏览: 282275 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js和html模拟系统的ip地址输入框

阅读更多
<script>
//e为 event o为input对象 i 为 第几个输入框
function ipVali(e,o,i)  //48-57 96-105  223 255  key Code== 8 退格键
{	//alert(e.keyCode)
	// 96-105 小键盘数字键 48-57大键盘数字键 8 退格键  46 del键  16 shift键    116 刷新   190 大键盘的点   110小键盘的点  9 tab
	var inputs = o.parentNode.getElementsByTagName("input");
	if(e.keyCode == 9 || (e.keyCode >= 96 && e.keyCode <= 105) ||(e.keyCode >= 48 && e.keyCode <= 57) || e.keyCode==8 || e.keyCode==46|| e.keyCode==116 || e.keyCode == 16)
	{
	    if(e.shiftKey && e.keyCode >= 48 && e.keyCode <= 57)
        {
            if(e.keyCode != 56)
            return false;
        }
		if(e.keyCode == 8 || e.keyCode == 9)
		{
			return true;
		}
		
		
		if(o.value.length >= 3 && getRangeByObj(o) == '')
		{
			if(null != inputs[i+1])
			{
				inputs[i+1].focus();
			}
			
		}
	}
	else if(190 == e.keyCode || 110 == e.keyCode)  //输入的是点
	{ 
		if(o.value == '')
		{
			for(var j=0; j<=i; j++)
			{	
				//alert(inputs[j].value);
				if(inputs[j].value == '')
				{
					inputs[j].value="*";
				}
			}
		}
		inputs[i+1].focus();
		return false;
	}
	else
	{
		return false;
	}
}

function ipVali2(o,i)
{
	if(o.value != '')
	{
		if(i == 1) //ip地址的第一个字段
		{
			if(o.value > 223)
			{
				o.value = 223;
			}
		}
		else 
		{
			if(o.value > 255)
			{
				o.value = 255;
			}
		}
	}
	else 
	{
		o.value = "*";
	}
}

function getRangeByObj(obj) 
{ 
	var word=''; 
	if (document.selection){
		o=document.selection.createRange();
		if(o.text.length>0)word=o.text;
	}else{ 
		p1=obj.selectionStart;
		p2=obj.selectionEnd; 
		if (p1||p1=='0'){
			if(p1!=p2)word=obj.value.substring(p1,p2);
		}
	} 
	
	return word; 
} 
</script>


<span class="ipInput">
	<input onkeydown="return ipVali(event,this,0);" onblur="return ipVali2(this,1);" type="text" maxlength="3" size="3"/>.
	<input onkeydown="return ipVali(event,this,1);" onblur="return ipVali2(this,2);" type="text" maxlength="3" size="3"/>.
	<input onkeydown="return ipVali(event,this,2);" onblur="return ipVali2(this,2);" type="text" maxlength="3" size="3"/>.
	<input onkeydown="return ipVali(event,this,3);" onblur="return ipVali2(this,2);" type="text" maxlength="3" size="3"/>
</span>
1
0
分享到:
评论

相关推荐

    动态IP地址输入输入框\输入线

    压缩包中的"IP地址输入.GIF"可能是展示了动态IP地址输入框工作原理的动画图像,而"IP地址输入.html"则可能是一个包含实现这一功能的HTML和JavaScript代码示例的文件。开发者可以通过查看和学习这个示例,快速理解并...

    JS+CSS模拟IP输入框

    因此,我们需要结合JavaScript (JS) 和 Cascading Style Sheets (CSS) 来模拟一个IP地址输入框,确保用户只能输入有效的IP地址格式。 首先,我们需要创建HTML结构,包括一个普通的文本输入框和三个点号(用于分隔IP...

    javascript获取客户端网卡MAC地址和IP地址和计算机名.doc

    在上述文档中,讨论的是如何利用JavaScript获取客户端的网络信息,包括网卡MAC地址、IP地址以及计算机名。这些信息在某些应用场景下非常有用,比如在B/S(浏览器/服务器)架构的系统中进行身份验证或定制化服务。 1...

    js制作浏览器的地址栏

    在创建一个输入框以模拟浏览器地址栏时,我们可以使用`&lt;input&gt;`标签,指定其类型为"text": ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;title&gt;JavaScript 浏览器地址栏模拟 请输入网址"&gt; 跳转 &lt;/html&gt; ``...

    javascript模拟的Ping效果代码 (Web Ping)

    在介绍如何使用JavaScript模拟Ping效果之前,首先需要明确Ping这个命令的基本概念。Ping命令是基于ICMP(Internet Control Message Protocol,互联网控制消息协议)的一个应用,它用于测试两个IP地址之间的网络连通...

    Python3编写实用脚本程序-自动登陆邮箱.zip

    BeautifulSoup和正则表达式可以用来查找和提取IP地址,而对于处理JavaScript生成的内容,可能需要使用如Selenium这样的浏览器自动化工具。抓取IP地址的脚本可能还需要处理反爬策略,如设置合适的User-Agent,处理...

    山东大学网络教育考试模拟题及答案(计算机信息管理)—网页设计与制作2(2022年整理).pdf

    - DNS(Domain Name System)是因特网上用于转换域名和IP地址的服务。它负责将易于记忆的域名转化为IP地址以便网络通信。 3. **DHTML构成技术**: - DHTML(Dynamic HTML)结合了HTML、CSS、JavaScript和DOM...

    网页html特效

    - **JavaScript + AJAX**: 使用JavaScript向服务器发送请求获取客户端IP地址,然后更新DOM元素显示该IP地址。 - **服务器端编程**: 如PHP、ASP等语言可以在服务器端获取用户的IP地址,并将其嵌入HTML页面中。 ### 4...

    路由器web服务器网页源码.zip

    这个压缩包“路由器web服务器网页源码.zip”包含了一系列用于构建和控制路由器界面的文件,如设置页面、帮助页面以及JavaScript(js)、CSS(层叠样式表)和HTML(超文本标记语言)文件。这些文件共同构成了用户通过...

    Python实现csdn模拟登陆

    此时,单纯使用requests可能无法获取完整信息,可以考虑使用selenium库,它能够模拟浏览器行为,加载和执行页面上的JavaScript。 8. **后续操作**:登录成功后,你可以使用相同的session对象来发送其他请求,获取...

    javascript 使用技巧

    在服务器端脚本中(如ASP),可以使用`Request.ServerVariables("REMOTE_HOST")`获取客户端IP地址。 #### 13. 元素投影 使用IE专有的滤镜效果,可以为元素添加阴影投影: ```css filter: progid:DXImageTransform...

    Python爬虫,京东自动登录,在线抢购商品.zip

    此外,为了避免被京东反爬机制封禁,我们需要模拟真实用户的行为,例如设置随机的延迟时间,随机化User-Agent,以及在必要时更换IP地址。 最后,这个压缩包中的"jd-autobuy-master"可能是一个完整的项目源代码,...

    JavaScript随机设置表单的发送地址

    此外,IP地址分为不同的类型,包括公网IP和私网IP。在实际应用中,可能会根据用户IP来决定数据的提交地址。例如,根据用户IP所属的地理位置,可以将数据提交到不同的服务器节点以进行地理负载均衡。 具体实现可能...

    openfire语音聊天

    2. **集成测试**:模拟真实环境,测试整个系统的交互和流程。 3. **部署上线**:将应用部署到生产服务器,确保服务器环境配置正确,对外提供稳定的服务。 总的来说,通过Openfire和Strophe.js,我们可以快速搭建一...

    [主机域名]php ajax 域名查询_domainsearch.rar

    标签中提及的“计算机网络”是理解这个项目的基础,因为域名查询涉及到DNS(Domain Name System),这是互联网的一项服务,它将人类可读的域名转换为IP地址,使得网络设备能够定位到对应的服务器。在这个设计中,...

    cwc-ping-unified:TiaPortalV16 Unified的自定义Web控制Ping

    1. **HTML页面设计**:HTML文件用于构建用户界面,展示输入框供用户输入IP地址,以及显示Ping结果的区域。可能还会有按钮来触发Ping操作。 2. **JavaScript/jQuery**:为了实现交互功能,如获取用户输入、发送Ajax...

    抽奖Flash代码

    为了确保公平,开发者可能会添加一些验证机制,如IP地址检测、唯一标识符检查等。 最后,为了适应不同的应用场景,抽奖Flash代码往往需要进行参数化设置,比如中奖概率、奖项设置、参与者数量等。这些参数可以在...

    test heuristics cheat sheet

    - **违反特定域规则**:如IP地址999.999.999.999、没有“@”符号的电子邮件地址、年龄为-1等。 - **违反唯一性约束**:尝试创建一个已经存在的记录。 ##### 测试智慧 - **测试是一种实验**:旨在揭示关于软件或...

Global site tag (gtag.js) - Google Analytics