老师，我这为什么会显示传入的data为null,然后检测失败
来源：2-10 脚本
May_seven
2020-08-14 19:08:49
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录注册</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<div id="box">
<p class="title">
<span id="login">登 录</span>
<span id="register">注 册</span>
</p>
<div id="number">
<span>+86</span>
<input type="text" name="num" id="num" placeholder="请输入注册手机号"/>
<i id="user_icon"></i>
<p id="userInfo" class="info"></p>
</div>
<div id="password">
<input type="text" name="pwd" id="pwd" placeholder="请设置密码"/>
<i id="pwd_icon"></i>
<p id="pwdInfo" class="info"></p>
</div>
<button id="btn">注 册</button>
</div>
</div>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
var num=document.getElementById("num"),
userInfo=document.getElementById("userInfo")
user_icon=document.getElementById("user_icon"),
pwd_icon=document.getElementById("pwd_icon"),
pwd=document.getElementById("pwd"),
btn=document.getElementById("btn"),
numFlag=false,
pwdFlag=false,
noRepeat=false;
function checkUser(){
var pattern=/^1[3578]\d{9}$/,
numVal=num.value;
if(!pattern.test(numVal)){
userInfo.innerHTML="手机号码无效";
user_icon.className="no";
}else{
numFlag=true;
//ajax请求
$.ajax({
url:"http://localhost/ajax/register/isRepeat.php",
method:"post",
async:true,
data:{username:numVal},
success:function(data){
if(data.code==1){
userInfo.innerHTML="";
user_icon.className="ok";
noRepeat=true;
}else if(data.code==0){
userInfo.innerHTML=data.msg;
user_icon.className="no";
}else{
userInfo.innerHTML="检测失败，请重试";
user_icon.className="no";
}
}
});
}
}
function checkPwd(){
var pattern=/^\w{5,12}$/,
pwdVal=pwd.value;
if(!pattern.test(pwdVal)){
pwdInfo.innerHTML="请输入5-12位数字、字母或下划线";
pwd_icon.className="no";
}else{
pwdInfo.innerHTML="";
pwd_icon.className="ok";
pwdFlag=true;
}
}
function register(){
var num_val=num.value,
pwd_val=pwd.value;
if(numFlag==true && pwdFlag==true && noRepeat==true){
$.ajax({
url:"http://localhost/ajax/register/register.php",
method:"post",
async:true,
data:{username:num_val,userpwd:pwd_val},
success:function(data){
alert("注册成功，请登录!");
},
error:function(){
alert("注册失败，请重试！");
}
})
}
}
//绑定函数、检测用户有效性及是否重复注册
num.addEventListener("blur",checkUser,false);
//绑定函数、检测密码有效性
pwd.addEventListener("blur",checkPwd,false);
//绑定函数、注册
btn.addEventListener("click",register,false);
</script>
</body>
</html>
1回答
-
好帮手慕星星
2020-08-15
同学你好，php名称和课程中使用的不一致
建议检查下是不是写错了，还是自己修改了名称呢？这边修改和课程中名称一致之后，没有问题，可以验证也可以注册
另外，建议检查下访问php路径是否正确。如果自己检查不出来，建议将文件夹关系截图以及ajax.js代码粘贴上来，老师帮助测试。
祝学习愉快！
0
相似问题
回答 2
回答 2