WEB小结(1)——使用js设置ip地址对话框

最新推荐文章于 2023-10-25 00:03:34 发布

CuteXiaoKe

最新推荐文章于 2023-10-25 00:03:34 发布

阅读量1.8k

点赞数 2

分类专栏：网页开发文章标签： javascript 网页正则表达式

本文链接：https://blog.csdn.net/u012397189/article/details/50624992

版权

网页开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

使用js设置ip地址对话框，关键在于ip地址正则表达式，参考：http://weidongke123-126-com.iteye.com/blog/1976214

test.html:

</pre><pre name="code" class="html"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
 <head>
    <title>用户登录界面</title>
	
<script>
function testIP(x){                     //当文本输入框失去焦点时，检查文本框内容是否满足正则表达式
	var ipAddress = document.getElementById(x).value;  
	if(ipAddress==null||ipAddress=="")     //例外情况，文本没有输入
		return true
	var re =  /^([0-9]|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.([0-9]|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.([0-9]|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.([0-9]|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])$/;  
	if(!re.test(ipAddress)){  
	    alert("ip地址格式不正确，请修改");   
	    return false;
	}
	else
		return true;
}  
function checkIsNumber(){    //判断键入是否为数字
	   if(event.keyCode>=48&&event.keyCode<=57)
	      return true;  
	      else
	      return false;  
	} 
</script>
		
 </head>
  <body>
 <input type="text" id="ipText" name="txt" οnblur="testIP(this.id)"  οnkeypress="return checkIsNumber();" />

 </body>
</html>

关键点：

在输入框的onkeypress事件中检查是否输入的为数字，在onblur（失去焦点，即不再编辑）事件中检查输入的内容是否满足正则表达式