Java正则表达式与JavaScript或Web页面的综合使用

最新推荐文章于 2023-04-26 00:32:16 发布

一名菜鸟qaq

最新推荐文章于 2023-04-26 00:32:16 发布

阅读量1.3k

点赞数 2

本文链接：https://blog.csdn.net/m0_48774000/article/details/121978332

版权

一、正则表达式的介绍

1、正则表达式是检查、匹配字符串的表达式

2、主要用于字符串的查找、替换与校验的场景

二、正则表达式的语法

在介绍正则表达式之前，我们首先要进行明白正则表达式的语法是怎样的

1、正则表达式的范围匹配（以下x、y、z都是代表是字符的意思)

2、正则表达式的元字符（在正则表达式当中是区分大小写的)

3、正则表达式中字符的多次匹配

三、正则表达式与JavaScript的综合使用

1、首先我们创建一个这样的html方便等下的演示

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>正则表达式与JavaScript的综合使用</title>
	<style type="text/css">
		#container1,#container2{
			display: inline-block;
		}
		div{
			margin-bottom: 10px;
		}
	</style>
</head>
<body>
	<form action="#" id="stuInfo">
		<div>姓名<input type="text" id="name" name="name">
                <div id="container1"></div>
        </div>
		<div>学号<input type="text" id="stuId" name="stuId">
                <div id="container2"></div>
        </div>
		<div><input type="submit"></div>
	</form>
</body>
</html>

2、正则表达式与JavaScript在JavaScript内部是以下使用（此时假设学号为六位)

<script type="text/javascript">
		document.getElementById("stuInfo").onsubmit=function(){
			var regex1=/^[\u4e00-\u9fa5]{2,8}$/;
			var regex2=/^\d{6}$/;
			var name=document.getElementById("name").value;
			var stuId=document.getElementById("stuId").value;
			if(regex1.test(name)==false){
				document.getElementById("container1").innerHTML="姓名输入错误";
				return false;
			}else if(regex2.test(stuId)==false){
				document.getElementById("container2").innerHTML="学号输入错误";
				return false;
			}else{
				alert("输入正确，正在加载进入下一步.....")
				return true;
			}
		}
	</script>

以上就为正则表达式在JavaScript中使用

四、正则表达式与Web页面的综合使用

一、首先我们创建一个这样的html方便等下的演示

<!DOCTYPEhtml>
<html>
<head>
<meta charset="UTF-8">
<title>中国的省份</title>
</head>
<body>
	<h1>中国的省份</h1>
	<ul>
		<li>河北省</li>
		<li>山西省</li>
		<li>辽宁省</li>
		<li>吉林省</li>
		<li>黑龙江省</li>
		<li>江苏省</li>
		<li>浙江省</li>
		<li>安徽省</li>
		<li>福建省</li>
		<li>江西省</li>
		<li>山东省</li>
		<li>台湾省</li>
		<li>河南省</li>
		<li>湖北省</li>
		<li>湖南省</li>
		<li>广东省</li>
		<li>海南省</li>
		<li>四川省</li>
		<li>云南省</li>
		<li>陕西省</li>
		<li>甘肃省</li>
		<li>青海省</li>
	</ul>
</body>
</html>

二、我们需要新建一个类来进行对其中的省份提取出来

1、先进行取出其中html的内容

public class RegexEasy {

	public static void main(String[] args) {
		//先建立一个字符串进行存储Web中的内容
		StringBuilder content=new StringBuilder();
		try {
			//读取其中的web文件WebPath为其中的路径
			FileInputStream fis=new FileInputStream("WebPath");
			//把其转换成二进制文件
			InputStreamReader isr=new InputStreamReader(fis,"utf-8");
			BufferedReader reader=new BufferedReader(isr);
			String lineText="";
			while((lineText=reader.readLine())!=null) {
				content.append(lineText+"\n");
			}
			System.out.println(content);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
}

2、创建正则表达式

3、匹配正则表达式

4、查找匹配的结果

以下为其中的详细步骤

public class RegexEasy {

	public static void main(String[] args) {
		//先建立一个字符串进行存储Web中的内容
		StringBuilder content=new StringBuilder();
		try {
			//读取其中的web文件
			FileInputStream fis=new FileInputStream("E:/WebStudy/study12301/easy101/regex/src/main/webapp/easy02.html");
			//把其转换成二进制文件
			InputStreamReader isr=new InputStreamReader(fis,"utf-8");
			BufferedReader reader=new BufferedReader(isr);
			String lineText="";
			while((lineText=reader.readLine())!=null) {
				content.append(lineText+"\n");
			}
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		//1、创建正则表达式
		Pattern pattern=Pattern.compile("<li>([\u4e00-\u9fa5]{2,6})</li>");
		//2、匹配正则表达式
		Matcher matcher=pattern.matcher(content);
		//3、查找匹配的结果
		while(matcher.find()) {
			String province=matcher.group(1);
			System.out.println(province);
		}
	}
}

以上就为Java正则表达式与JavaScript或Web页面的综合使用，希望大家多多支持