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

<%@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()即可。


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



发布了269 篇原创文章 · 获赞 259 · 访问量 60万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览