利用JS實現按鈕onclick提交表單時，按鈕無法響應問題
阿新 • • 發佈：2019-01-08
<%@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="刪除" onclick="deleteuser('<%=user.getId()%>')" /> <input type="button" value="修改" onclick="modifyuser('<%=user.getId()%>')" /> </td> </tr> <% } %> </table> <input type="button" value="新增" onclick="adduser()" /> </form> </body> </html>
出錯的介面的程式碼在上面，這段程式碼執行起來是這樣的
問題原因已經在圖片中說明清楚了。
出錯的原因是上述JS程式碼中的form1.submit這句程式碼出錯。
submit是一個方法，最後應該帶上括號
所以改成form1.submit()即可。
話說這不是自己第一次忘記給方法加上括號了，前幾次都有盆友眼尖幫自己找了出來。然而這次就沒那麼好運了，光是找這個錯就找了好幾天，想想自己前幾天找錯的時候也是怪浮躁的，今天才沉下心來仔細梳理了一遍問題可能出錯的原因，這才找到的錯誤。