有没有可能是按钮绑定错了,我不太懂前端语法

来源: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

前端代码参考课程中即可,可以保持一致。如果没有接触过可以直接使用,注意修改网络地址,保证手机运行和电脑服务端在同一网络,务必保证哈

0
0

Netty+Spring Boot仿微信-全栈开发高性能后台及客户端

SpringBoot/Netty+MUI全栈开发 同时搞定后台+ Android&iOS

1501 学习 · 693 问题

查看课程