jsp页面里面的重置功能实现。

最新推荐文章于 2024-03-29 17:45:21 发布

JACKASDFGHJKL

最新推荐文章于 2024-03-29 17:45:21 发布

阅读量3.7k

点赞数 1

分类专栏：自己公司代码结构总结文章标签： JSP

自己公司代码结构总结专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种在JSP页面中实现表单重置功能的方法。通过JavaScript函数resetFun()来清除指定输入框的值，实现了点击重置按钮后的表单数据清空。示例代码展示了如何为特定的文本框元素设置重置操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、说明下面的代码，没有什么参考价值。写的很乱自己看的。

jsp页面里面的重置功能实现。

/*
*   写下面的代码目的是，看看怎么设置重置。主要是在下面代码里
<input type="button" name="return" value="重置" onclick="resetFun()">
设置一下onclike的事件；
再在function resetFun(){}函数里面调用，即可。要拿到每个列表的id变量
*/

<script>
function resetFun(){
  $('regionName').value='';
  $('regionCode').value='';
  return;
}
</script>
<form id="theForm" method="post">
<fieldset>
  <legend>基本信息</legend>
  <table width="100%" border="0" cellpadding="0" cellspacing="0" class="info-table">
         <tr>
           <td width="100px"><span class="red">*</span>区域名称</td>
           <td>
           <s:textfield id="regionName" name="model.regionName" alsDataType="Require" alsMsg="区域名称不能为空" maxLength="10" cssClass="input-text"/>
         </td>
         </tr>

         <tr>
           <td><span class="red">*</span>区域编码</td>
           <td>
           <s:textfield id="regionCode" name="model.regionCode" alsDataType="Require" alsMsg="区域编码不能为空" maxLength="10" cssClass="input-text"/>
         </td>
         </tr>

</fieldset>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
   <td>
         <input type="button" name="save" value="保存" onclick="modifyFun()">
         <input type="button" name="return" value="重置" onclick="resetFun()">
   </td>
   </tr>
</table>
</form>