jsp中执行onclick会刷新一次页面的问题
来源:互联网 发布:世界时间软件 编辑:程序博客网 时间:2024/05/10 17:54
今天做一个注册页面的时候,弄了一个清空的按钮,我执行清空按钮,但是按钮调用的方法 什么都没写,所有文本都清空了
代码如下:
<%@ 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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>我要注册</title><script type="text/javascript">function resetClick(){}</script></head> <body style="text-align: center;"> <form action="zhuche" method="post"> <table width="40%" border="1"> <tr> <td>用户名</td> <td> <input type="text" name="userName" id ="userName"> </td> </tr> <tr> <td>密码</td> <td> <input type="password" name="userPwd" id="userPwd"> </td> </tr> <tr> <td>确认密码</td> <td> <input type="password" name="confirmPwd" id="confirmPwd"> </td> </tr> <tr> <td> <!-- 执行重置 --> <input type="reset" value="清空" onclick="resetClick()"> </td> <td> <input type="submit" value="注册"> </td> </tr> </table> </form> </body></html>
查了一下资料,原因是在 <form action="zhuche" method="post"> 执行onclick,所以每次页面都会刷新一次。
有两种方法,不用刷新页面
1、不用 <form action> 格式,删掉这个格式
2、改成 onclick="return resetClick()" ,其中resetClick()为onclick方法,并且在方法中 return = false; 这样就不用刷新页面了
<%@ 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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>我要注册</title><script type="text/javascript">function resetClick(){document.getElementById("userName").value = "";document.getElementById("userPwd").value = "";document.getElementById("confirmPwd").value = "";return false;}</script></head> <body style="text-align: center;"> <form action="zhuche" method="post"> <table width="40%" border="1"> <tr> <td>用户名</td> <td> <input type="text" name="userName" id ="userName"> </td> </tr> <tr> <td>密码</td> <td> <input type="password" name="userPwd" id="userPwd"> </td> </tr> <tr> <td>确认密码</td> <td> <input type="password" name="confirmPwd" id="confirmPwd"> </td> </tr> <tr> <td> <!-- 执行重置 --> <input type="reset" value="清空" onclick="return resetClick()"> </td> <td> <input type="submit" value="注册"> </td> </tr> </table> </form> </body></html>
0 0
- jsp中执行onclick会刷新一次页面的问题
- jsp中执行onclick会刷新一次页面的问题
- 有关jsp中onclick事件无效的原因,以及jsp中页面加载顺序的问题
- 解决jsp中FRAME页面刷新问题
- jsp页面的onclick事件
- jsp页面每隔3秒刷新一次
- jsp页面中自动刷新的办法
- 超级链接 href="#" 不刷新页面 执行 onclick
- asp.net button onclick 按刷新会重复执行onclick事件
- JSP页面不能刷新、防止刷新的问题总结
- JSP页面不能刷新、防止刷新的问题总结
- 在自己写的html中点击button,页面会自动刷新的问题
- 刷新页面一次的js
- 有关JSP页面刷新问题
- jsp页面中代码的执行顺序
- bootstrap表单按回车会自动刷新页面的问题
- 解决lotus中提交文档和刷新父页面执行先后的问题
- jsp页面onclick事件
- 配置运行ASP程序 在64位IIS 7下经验
- 大牛链接
- 进程和线程的区别
- #android# service stopself() stopservice()
- 动态规划—Problem C
- jsp中执行onclick会刷新一次页面的问题
- ONVIF开发经验总结
- 第九周项目—理解深复制
- 股票大宗交易对股价走势的影响
- Android自动更新
- windows命令强制关闭登录用户
- ASP.NET网页打印
- DevOps 发展融合运维可视化
- 真相