abstract：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>邮箱登录字段验证</titl
<!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>
Correcting teacher：天蓬老师Correction time：2019-03-25 09:13:44
Teacher's summary：jquery 中的ajax操作是非常简单的, 对比原生, 封装了很多细节, 多做几个这样的练习