Question

我正在创建一个表单..我希望我的表单有两个按钮，一个用于“提交”，另一个用于“另存为草稿”。当我点击提交时，必须提交数据，当我点击保存时它应该在另一页上显示填写的表格。我知道如何独立提交和保存，但如何使它们以相同的形式工作。我的代码如下

<form method="post" action="submitpage.jsp" >//I want here in action to change according to the button clicked
<table border="2" >
<tr>
<td>Field 1</td>
<td><input  type="text" style=" width: 150px; height: 15px" value="" name="Field1"  id="F1"/></td>
</tr>
<tr>
<td>Field 2</td>
<td><input  type="text" style=" width: 150px; height: 15px" value="" name="Field2"  id="F2" /></td>
</tr>
<tr>
<td>Field 3</td>
<td><input  type="text" style=" width: 150px; height: 15px" value="" name="Field3"  id="F3" /></td>
</tr>
<td>Field 4</td>
<td><input  type="text" style=" width: 150px; height: 15px" value="" name="Field4"  id="F4" /></td>
</tr>


<tr>
<td></td>
<td><input type="submit" value="Submit" onclick="return js_file_for_validation()" autofocus="autofocus"/></td>
<td><input type="button" value="Save as draft" /></td>
</tr>
</table></form>

</form>

P.s：我正在使用JAVASCRIPT来验证提交！有什么我必须写在js文件???指导将有所帮助!!

先谢谢!!

Answer 1

试试这个

<td><input type="submit" name="submit" value="Submit" onclick="return js_file_for_validation()" autofocus="autofocus"/></td>
<td><input type="submit" name="submit1" value="Save as draft" /></td>

在servlet.java

if (request.getParameter("submit") != null) {
 //add values to the database  

} else if (request.getParameter("submit1") != null) {
      //save as draft button is clicked
}

Answer 2

您应该编写另一个javascript函数并将其映射到保存按钮的onclick事件

<td><input type="button" onclick="return saveForm();" value="Save as draft" /></td>

和java脚本方法一样，

Java脚本

function saveForm(){
document.form[0].submit;
}

在您的servlet中获取属性并显示填充的表单。

希望它有所帮助!!

Answer 3

保存操作如下：

此servlet页面：

    public class UserController extends HttpServlet 
    {
        private static final long serialVersionUID = 1L;
        private static String DEP_EDIT="/editdepartment.jsp";
    //other details
    }

    protected void dotGet(HttpServletRequest request,
      HttpServletResponse response) throws ServletException, IOException 
    {
  if(action.equalsIgnoreCase("depedit"))
    {
        forward=DEP_EDIT;
        int dep_Id=Integer.parseInt(request.getParameter("dep_Id"));
        User user=dao.getUserById(dep_Id);
        request.setAttribute("user", user);
    }  //other operation
    }

这是save.jsp页面：

  <form method="post" action='UserController?action=depedit' >

            Department ID : <input type="text" name="dep_id"
                value="<c:out value="${user.dep_id}" />" /> <br />
            Employee Department: <input type="text" name="depName" 
                value="<c:out value="${user.depName}"/>"/><br/>

            <input type="submit" value="save"/>

提交与保存相同，只需查看该代码和以下链接。

   public class UserController extends HttpServlet 
    {
        private static final long serialVersionUID = 1L;
        private static String DEP_LIST="/departmentlist.jsp";
    //other details
    }

    protected void dotGet(HttpServletRequest request, 
       HttpServletResponse response) throws ServletException, IOException 
{
if(action.equalsIgnoreCase("departmentlist"))
    {
        forward=DEP_LIST;
        request.setAttribute("users", dao.getAll());
    }
}

这是submit.jsp页面：

 <form method="post" action='UserController?action=depedit' >

            Department ID : <input type="text" name="dep_id"
                value="<c:out value="${user.dep_id}" />" /> <br />
            Employee Department: <input type="text" name="depName" 
                value="<c:out value="${user.depName}"/>"/><br/>

            <input type="submit" value="SUBMIT"/>

点击此链接可获取所有类型的提交按钮和完整详细信息

https://stackoverflow.com/a/21927496/3242978

如何在jsp页面上提交和保存按钮？

3 个答案: