javascript - 在 JSP 中模态提交后处理表单

标签 javascript jquery html twitter-bootstrap jsp

我在单击按钮后显示模态。打开模态按钮的代码如下:

 <button type="button" name="btnEditIP" data-toggle="modal" data-target="#myModal" class="sultan_btn">Edit IP</button>\

模态代码如下:

<div id="myModal" class="modal fade">
     <div class="modal-dialog">
        <div class="modal-content">
            <form id="ipForm" class="form-horizontal" role="form" method="post" action="info_edit.jsp">
                  <div class="modal-header modal-header-warning">
                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title ">Please Enter IP Address</h4>
                  </div>

                  <div class="modal-body"> 
                     <div class="form-group">
                          <label for="inputName">IP Address</label>
                          <input type="text" class="form-control" name="ip"/>
                 </div> 

                 </div>
                 <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    <button type="button" name="btnSave" id="btnSave" class="btn btn-primary" data-dismiss="modal">Save</button>
                 </div>
            </form>
        </div>
   </div>

在 edit_info.jsp 页面中,我试图通过以下代码确定 btnSave 按钮是否被按下:

if ((request.getParameter("btnSave") == null) ? false : true) {
      out.println("Form submitted");
}
else{
     out.println("Form not submitted");
}

虽然,我在模态中按下保存按钮,但我总是收到这条消息,“表单未提交!” .这意味着,要么表单未提交,要么按下按钮时出错。

我不确定错误在哪里。我已经尝试了很多但无法确定错误在哪里。请帮我解决这个错误。

最佳答案

请将 request.getAttribute("btnSave") 更改为 request.getParameter("btnSave")

因为getParameter()返回http请求参数。

编辑

I am not sure if one would see btnSave server side since the button name would not be sent ?

我们可以使用 type="submit" 将按下的按钮的名称发送到服务器。

<input type="submit" name="btnSave" value="SAVE"/>

同时检查:

Difference between getAttribute() and getParameter()

Difference between type='button' and type='submit'

How do I call a specific Java method on click/submit event of specific button in JSP?

关于javascript - 在 JSP 中模态提交后处理表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47545456/

相关文章:

javascript - 当 native HTML5 日期输入类型不存在时加载 jQuery UI 日期选择器

jquery - 悬停时在 div 内缩放图像

jquery - blueimp jquery 文件 uploader image_versions 不起作用

javascript - GSAP 补间无法正常工作。设置时长没有效果

Javascript/jQuery 视频弹出窗口

php - 如何制作全屏替换youtube视频的url链接

javascript - Javascript For 循环上的意外 token 非法

javascript - d3.extent 在使用约束松弛绘制时在 x 轴和图形的点标签之间产生碰撞

javascript - 无法在传单中使用自定义图标

javascript - 如何将 Canvas 图像 "data:image/jpeg;base64,.."转换为普通图像文件 - javascript