验证邮箱字段是否合法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>邮箱登录字段验证</title>
</head>
<body>
<h3>用户登陆$.get()</h3>
<p>邮箱：<input type="email" id="email" name="email"></p>
<p>密码：<input type="password" id="password" name="password"></p>
<p><button>登陆</button></p>
<script src="main/jquery-3.3.1.js"></script>
<script>
$('button').click(function(){
//邮箱的非空验证
if($('#email').val().length===0){
$('#email').after('<span style="color:red">邮箱不能为空</span>').next().fadeOut(2000);
$('#email').focus();//设置焦点
return false;
}
//密码的非空验证
if($('#password').val().length===0){
$('#password').after('<span style="color:red">邮箱不能为空</span>').next().fadeOut(2000);
$('#password').focus();//设置焦点
return false;
}
//密码长度不少于六位
if($('#password').val().length<6){
$('#password').after('<span style="color:red">密码不能少于6位</span>').next().fadeOut(2000);
$('#password').focus();//设置焦点
return false;
}
$.get(
//处理请求的脚本
'main/check.php',
//要发送到服务器上的数据
{
eamil:$('#email').val(),
password:$('#password').val()
},
function(data){
console.log(data);
},
//响应数据的类型
'json'
);
})
</script>
</body>
</html>
