html5中如何使用正则表达式进行表单验证

最新推荐文章于 2021-08-13 19:20:47 发布

输出是最好的学习

最新推荐文章于 2021-08-13 19:20:47 发布

阅读量5.3k

点赞数

分类专栏：前端

本文为博主原创文章，转载请注明出处。

本文链接：https://blog.csdn.net/m0_37568521/article/details/75031221

版权

前端专栏收录该内容

72 篇文章 1 订阅

订阅专栏

在HTML5中，可以通过pattern属性添加正则表达式，从而进行表单验证(只有在点击提交的时候进行验证)：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		
	</style>
</head>
<body>
	<form action="#">
		<input type="text" title="input your name" pattern="[A-Z]{3}-[0-9]{3}">
		<input type="submit">
	</form>
</body>
</html>