jsp中执行onclick会刷新一次页面的问题

最新推荐文章于 2021-08-06 00:26:23 发布

fangquan1980

最新推荐文章于 2021-08-06 00:26:23 发布

阅读量3.3k

点赞数

分类专栏： javascript Android

Android 同时被 2 个专栏收录

47 篇文章 0 订阅

订阅专栏

javascript

9 篇文章 0 订阅

订阅专栏

http://blog.csdn.net/u013381651/article/details/51363322

今天做一个注册页面的时候，弄了一个清空的按钮，我执行清空按钮，但是按钮调用的方法什么都没写，所有文本都清空了

代码如下：

[html]view plaincopy 
   
 <%@ 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、改成 οnclick="return resetClick()" ,其中resetClick()为onclick方法，并且在方法中 return = false；这样就不用刷新页面了

[html]view plaincopy 
   
 <%@ 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>  

fangquan1980

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsp中执行onclick会刷新一次页面的问题

http://blog.csdn.net/u013381651/article/details/51363322今天做一个注册页面的时候，弄了一个清空的按钮，我执行清空按钮，但是按钮调用的方法什么都没写，所有文本都清空了代码如下：[html] view plain copy %@ page language="java" c
复制链接

扫一扫