<%@ page import="util.DbConnet" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
//功能：通过编号
获取用户要编辑的具体数据
//1.接收传过来的编号
String
id = request.getParameter("appliance_
id");
//通过编号执行查询
String sql = "select * from `living_room_appliances` where `appliance_
id`=?;";
Object[] params = new Object[]{
id };
ResultSet rs = DbConnet.select(sql, params);//真正执行查询，
获得查询结果的数据集
//验证查询结果是否有数据（处理的是无数据情况）
if(!rs.next()) response.sendRedirect("list.jsp");
%>
<html>
<head>
<title>编辑用户</title>
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../css/add.css">
</head>
<body>
<%--编辑：
1.点击编辑按钮，打开
一个页面
2.新编辑页面需要包含：
(1)表单
(2)输入框：账号、密码、确认密码、姓名
(3)按钮：保存(提交)、重置、返回
3.功能：
保存(提交)：无刷新提交表单中的所有数据
重置：还原表单中的内容为初始状态
返回：重新打开列表页面(list.jsp)
--%>
<header>
<div class="title">编辑用户</div>
</header>
<div class="main">
<form
id="editForm">
<input type="h
idden" name="appliance_
id" value="<%=
id%>">
<div class="form-item">
<label for="appliance_
id">账号：</label>
<%--
disabled:禁用元素（数据不传输）
readonly:只读（不能编辑，可以传输）
--%>
<input disabled value="<%=rs.getString("appliance_
id")%>"
id="appliance_
id" name="appliance_
id" type="text">
</div>
<div class="form-item">
<label for="appliance_type">密码：</label>
<input value="<%=rs.getString("appliance_type")%>"
id="appliance_type" name="appliance_type" type="text">
</div>
<div class="form-item">
<label for="appliance_name">确认密码：</label>
<input value="<%=rs.getString("appliance_name")%>"
id="appliance_name" name="appliance_name" type="text">
</div>
<div class="form-item">
<button class="primary"
id="btnSubmit" type="button">保存</button>
<button type="reset">重置</button>
<button
id="btnBack" type="button">返回</button>
</div>
</form>
</div>
<script src="../js/
jquery-3.5.1.min.js"></script>
<script src="../js/common.js"></script>
<script>
//绑定保存按钮的点击事件
$('#btnSubmit').on('click', function () {
//1.验证不能为空：账号、密码、姓名
if(!checkInputIsNull('#appliance_type','账号')) return false;
if(!checkInputIsNull('#password','密码')) return false;
//比较两次输入的密码是否一致
let cmfPswObj = $('#cmfPsw');
if($('#password').val() !== cmfPswObj.val()){
alert("两次输入的密码不一致");//提示
cmfPswObj.val('').focus();//清空确认密码的内容,并设置确认密码输入框
获得焦点
return false;//停止往下执行
}
if(!checkInputIsNull('#appliance_name','姓名')) return false;
//2.无刷新提交数据
postAction("/living/edit", $('#editForm').serialize(),function (res) {
//1.弹出提示信息
alert(res.msg);
//2.成功后返回列表页面(list.jsp)
if(res.result) window.location.href = res.url;
});
});
//绑定返回按钮的点击事件
$('#btnBack').on('click', function () {
if(confirm("确定要返回吗？")){
window.location.href='list.jsp';
}
});
</script>
</body>
</html>
帮我修改这串代码中的错误
本文探讨了在使用jQuery时遇到的问题，即当HTML元素的ID包含特殊字符（如点号）时，如何正确地选取这些元素。文中通过对比jQuery与原生JavaScript的表现，揭示了这一现象的原因，并提供了相应的解决办法。
扫一扫
2358
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
