JavaScript表单验证（全），各项提示，正则表达式判断。

最新推荐文章于 2023-12-05 16:42:45 发布

小逸猿

最新推荐文章于 2023-12-05 16:42:45 发布

阅读量495

点赞数

文章标签： JavaScript 正则表达式表单注册验证

本文链接：https://blog.csdn.net/weixin_45748576/article/details/102550822

版权

本文介绍了使用JavaScript进行表单验证的方法，包括鼠标焦点失去时实时验证输入内容，并通过正则表达式判断输入的合法性。在用户点击注册时，会综合检查所有输入项，如果满足条件则提示注册成功，否则显示注册失败。代码简洁无冗余，但缺少样式装饰。

摘要由CSDN通过智能技术生成

博主写的一篇作业，拿出来记录一下，希望对你们也有帮助
废话不多说，先简述一下功能：
1，当鼠标点上失去焦点时，判断当前输入是否符合正则表达式，如果是就在后边加√，不符合加×。
2，当点击注册时，会判断所有的内容是否符合要求，符合就弹框注册成功，否则注册失败

- 优点：代码没有冗余，很简洁。
- 缺点：没有样式，很简单。

效果图如下：
在这里插入图片描述
代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单验证注册</title>
	</head>
	<script>
		var emailReg=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{
   0,66})\.([a-z]{
   2,6}(?:\.[a-z]{
   2})?)$/i;
		var telReg=/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|