当前位置: 首页 - 编程技术 - 文章正文

利用JS实现按钮onclick提交表单时,按钮无法响应问题

xiaoqihv

<%@page import="dao.library.com.UserDao"%><%@page import="java.util.List"%><%@page import="entity.library.com.User"%><%@page import="java.util.ArrayList"%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><script type="text/javascript">function deleteuser(uid) {form1.userid.value = uid;form1.oper.value = "delete";form1.submit;}function modifyuser(uid) {form1.userid.value = uid;form1.oper.value = "modify";form1.submit;}function adduser() {self.location = "userinfo.jsp";}</script><%List<User> userList = new ArrayList<User>();userList = UserDao.getAllUser();%><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>用户列表</title></head><body><form name="form1" action="../UserManage" method="post"><input type="hidden" name="userid"/><input type="hidden" name="oper"/><table><tr><th>ID</th><th>用户名</th><th>密码</th><th>操作</th></tr><%for (User user:userList){%><tr><td><%=user.getId() %> </td><td><%=user.getUserName() %></td><td><%=user.getPassWord() %></td><td><input type="button" value="删除" οnclick="deleteuser('<%=user.getId()%>')" /><input type="button" value="修改" οnclick="modifyuser('<%=user.getId()%>')" /></td></tr><%}%></table><input type="button" value="添加" οnclick="adduser()" /></form></body></html>

出错的界面的代码在上面,这段代码运行起来是这样的

问题原因已经在图片中说明清楚了。

出错的原因是上述JS代码中的form1.submit这句代码出错。

submit是一个方法,最后应该带上括号

所以改成form1.submit()即可。

话说这不是自己第一次忘记给方法加上括号了,前几次都有盆友眼尖帮自己找了出来。然而这次就没那么好运了,光是找这个错就找了好几天,想想自己前几天找错的时候也是怪浮躁的,今天才沉下心来仔细梳理了一遍问题可能出错的原因,这才找到的错误。

文章地址:https://wenmayi.cn/post/676.html