今天做一个很简单的功能,在input框里面填写邮箱,在点击提交的时候,验证一下邮箱的格式是否正确,如果邮箱格式不正确的话,就提示邮箱格式不正确,如果格式正确,则验证通过
<!DOCTYPE HTML>
<html>
<head>
<title>校验邮箱</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div class="col-md-5 col-sm-5 col-xs-5">
邮箱: <input type="text" class="form-control " placeholder="" id="email" name="card">
</div>
<button type="button" class="btn blue" id="addBtn">保存</button>
<!-- 弹框 -->
<script src="https://cdn.bootcss.c