JavaScript学习—— 四、正则表达式应用示例

最新推荐文章于 2024-09-02 22:22:50 发布

God_以梦为马

最新推荐文章于 2024-09-02 22:22:50 发布

阅读量193

点赞数

分类专栏： JavaScript学习文章标签：正则表达式 js html javascript html5

本文链接：https://blog.csdn.net/God_stf/article/details/114707661

版权

JavaScript学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaScript学习—— 四、正则表达式应用示例）

一、正则表达式验证身份证

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>正则表达式验证身份证、邮箱格式</title>
		<script type="text/javascript">
			function check(obj){
				var code=obj.ecode.value;
				var reg=/^[0-9]{17}[0-9Xx]{1}$/;  //18位身份证验证
				if (reg.exec(code)){
					alert("输入正确！");
					return true;
				}
				else{
					alert("您的输入有误,请重新输入：");
					obj.ecode.focus()
				}
			}
		</script>
	</head>
	<body>
		<p>验证身份证号的正确性(18位)：</p>
		<form onsubmit="check(this)"  name="form1">
			<input type="text" name="ecode"  value="" />
			<input type="submit" value="确定" />
		</form>
	</body>
</html>

二、正则表达式验证邮箱格式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>正则表达式验证邮箱格式</title>
		<script type="text/javascript">
			function check(obj){
				var code=obj.ecode.value;
				var reg=/^([A-Za-z0-9_-])+@[A-Za-z0-9_-]+(\.[A-Za-z0-9_-])+/; //验证邮箱的格式
				if (reg.exec(code)){
					alert("输入正确！");
					return true;
				}
				else{
					alert("您的输入有误,请重新输入：");
					obj.ecode.focus()
				}
				
			}
		</script>
	</head>
	<body>
		<p>验证邮箱的格式</p>
		<form onsubmit="check(this)"  name="form1">
			<input type="text" name="ecode"  value="" />
			<input type="submit" value="确定" />
		</form>
	</body>
</html>

三、从输入的字符串中提取数字

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>从输入的字符串中提取数字</title>
		<script type="text/javascript">
			function check(obj){
				var code=obj.ecode.value;
				// var reg=/[0-9]+/;   //只提取一次
				//方式一：只提取数字
				var reg=/[0-9]+/g; // 带g可以匹配所有数字，用于全局搜索
				var x=code.match(reg);
				obj.ed.value=x;
				var y=obj.ed.value.replace(/,/g,"");
				obj.ed.value=y;
				//方式二：包括小数点，每个数字用逗号隔开
				// var reg=/[0-9\.]+/g; // 带g可以匹配所有数字，用于全局搜索
				// var x=code.match(reg);
				// obj.ed.value=x;
			}
		</script>
	</head>
	<body>
		<p>从输入的字符串中提取数字</p>
		<form onclick="check(this)"  name="form1">
			<input type="text" name="ecode"  value="" />
			<input type="button" value="转换" />
			<input type="text" name="ed" id="" value="" />
		</form>
	</body>
</html>

God_以梦为马

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习—— 四、正则表达式应用示例

JavaScript学习—— 四、正则表达式应用示例）一、正则表达式验证身份证二、正则表达式验证邮箱格式三、从输入的字符串中提取数字一、正则表达式验证身份证<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>正则表达式验证身份证、邮箱格式</title> <script type="text/javascript"> function
复制链接

扫一扫

专栏目录