有没有可能是按钮绑定错了,我不太懂前端语法
来源:7-4 登录注册前后端联调
慕桂英5534918
2025-08-05
Netty 实战
<div class="wrap-input100 validate-input m-t-85 m-b-35">
<input class="input100" type="text" id="username" name="username" placeholder="用户名">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input m-b-50">
<input class="input100" type="password" id="txt_password" name="password" placeholder="密码">
<span class="focus-input100"></span>
</div>
<div class="container-login100-form-btn">
<button type="submit" id="registOrLogin" class="login100-form-btn">
登录/注册1
</button>
</div>
</form>
</div>
</div>
</div>
这是页面内容
userform.addEventListener(“submit”, function(e){
// ==== 必须始终阻止默认行为 ====
e.preventDefault();
// 判断用户名是否为空,如果为空则让其获得焦点
if (!app.isNotNull(username.value)) {
// 获取焦点
username.focus();
} else if (!app.isNotNull(txt_password.value)) {
// 获取焦点
txt_password.focus();
} else {
// 判断用户名和密码的长度,进行限制
if (username.value.length > 12) {
app.showToast("用户名不能超过12", "error");
return false;
} else if (txt_password.value.length > 12) {
app.showToast("密码不能超过12", "error");
return false;
}
// 获取每台手机的唯一cid
var cid = plus.push.getClientInfo().clientid;
console.log("请求地址:", app.serverUrl + "/u/registOrLogin");
// 与后端联调
mui.ajax(app.serverUrl + "/u/registOrLogin",{
data:JSON.stringify({
username:username.value,
password:txt_password.value,
cid: cid
}),
dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
timeout:10000,//超时时间设置为10秒;
headers:{'Content-Type':'application/json'},
success:function(data){
//服务器返回响应,根据响应结果,分析是否登录成功;
// console.log(JSON.stringify(data));
username.blur();
txt_password.blur();
if (data.status == 200) {
// 登录或者注册成功之后,保存全局用户对象到本地缓存
var userInfoJson = data.data;
app.setUserGlobalInfo(userInfoJson);
// 页面跳转
mui.openWindow("index.html", "index.html");
} else {
app.showToast(data.msg, "error");
}
},
error: function(xhr, type, err) {
console.error("❌ 请求失败:", type, err);
app.showToast("请求失败: " + type, "error");
}
});
这是原来的绑定事件,给submit绑定,点击按钮后控制台并没有按照 console.log(“请求地址:”, app.serverUrl + “/u/registOrLogin”);在控制台打印请求地址,我按AI指示给registOrLogin绑定点击事件后,控制台打印出了请求地址
document.getElementById('registOrLogin').addEventListener('click', function(e) {
e.preventDefault();
console.log("按钮被点击!"); // 添加日志
// 空值检查
if (!app.isNotNull(username.value)) {
username.focus();
return; // 明确返回
}
if (!app.isNotNull(txt_password.value)) {
txt_password.focus();
return; // 明确返回
}
// 长度检查
if (username.value.length > 12) {
app.showToast("用户名不能超过12", "error");
return;
}
if (txt_password.value.length > 12) {
app.showToast("密码不能超过12", "error");
return;
}
// 发送请求代码...
// 与后端联调
mui.ajax(app.serverUrl + "/u/registOrLogin",{
data:JSON.stringify({
username:username.value,
password:txt_password.value,
cid: cid
}),
dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
timeout:10000,//超时时间设置为10秒;
headers:{'Content-Type':'application/json'},
success:function(data){
//服务器返回响应,根据响应结果,分析是否登录成功;
// console.log(JSON.stringify(data));
username.blur();
txt_password.blur();
if (data.status == 200) {
// 登录或者注册成功之后,保存全局用户对象到本地缓存
var userInfoJson = data.data;
app.setUserGlobalInfo(userInfoJson);
// 页面跳转
mui.openWindow("index.html", "index.html");
} else {
app.showToast(data.msg, "error");
}
},
error: function(xhr, type, err) {
console.error("❌ 请求失败:", type, err);
app.showToast("请求失败: " + type, "error");
}
});
});
}
// 阻止默认时间,阻止默认表单提交
e.preventDefault();
});

这个ip是在另一个地方时试的,现在的ip应该是192.168.0.6,是不是缓存问题?以及之前点击登录/注册什么都没有是不是绑定错误?
写回答
1回答
-
风间影月
2025-08-08
前端代码参考课程中即可,可以保持一致。如果没有接触过可以直接使用,注意修改网络地址,保证手机运行和电脑服务端在同一网络,务必保证哈
00
Netty+Spring Boot仿微信-全栈开发高性能后台及客户端
SpringBoot/Netty+MUI全栈开发 同时搞定后台+ Android&iOS
1501 学习 · 693 问题
相似问题