web js智能识别收货地址

最新推荐文章于 2023-11-03 23:43:01 发布

下代码雨

最新推荐文章于 2023-11-03 23:43:01 发布

阅读量2k

点赞数

分类专栏： html 文章标签：前端 javascript servlet

本文链接：https://blog.csdn.net/weixin_43452154/article/details/126055026

版权

html 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

一、直接上干货


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>智能识别收货地址</title>
</head>
<body>
	<h2>支持以下数据格式（打印结果请在控制台查看）</h2>
	<h3>最新支持数据格式：<br>北京市朝阳区富康路姚家园3楼马云150-0000-0000<br>
		北京市朝阳区富康路姚家园3号楼5单元3305马云15000000000<br>
		北京市朝阳区富康路姚家园3号楼5单元3305马云15000000000邮编038300
	</h3>
	
	<p>马云,1351111111,北京市朝阳区富康路姚家园3楼邮编038300</p>
	<p>马云1351111111北京市朝阳区富康路姚家园3楼0</p>
	<p>北京市朝阳区富康路姚家园3楼1351111111马云</p>
	<p>北京市朝阳区富康路姚家园3楼150-0000-0000马云</p>
	<textarea onchange="smart()" cols="50" rows="10" id='textarea' placeholder="请粘贴你的地址"></textarea> 
	<div id="value"></div>
</body>
</html>
<script src="arealist.js"></script>
<script src="addressparse.js"></script>
<script>
	parseArea(areaList)

	function $(id) {
		return document.getElementById(id)
	}

	function smart(){
		let value = $('textarea').value;
		let parse_list = parse(value);
		console.log(parse(value));
		let html= '';
		for(let key in parse_list){
			if(parse_list[key]){
			   html+=`<p>`+key+`:`+parse_list[key]+`</p>`
			}
		}
		$('value').innerHTML = html
	}
</script>

需要下载arealist.js和addressparse.js即可，调用简单，方便使用，准确率：中

需要的js可以转到我的资源进行下载