javascript - 使用 JavaScript 按下提交按钮时更改表单操作

Question

我有一个提交按钮，如下所示。

<input type="submit" 
       name="btnDelete" 
       id="btnDelete" 
       value="Delete" 
       onclick="this.form.action='${pageContext.request.contextPath}/Country/DeleteMany'"/>

当按下时，I 会导致表单操作发生变化。

<小时/>

但是，我需要在更改此操作之前调用另一个函数。这个另一个函数返回一个基于 JavaScript 确认对话框的 bool 值。

我已经尝试过以下方法。

onclick="return confirmDeleteMuliple(); this.form.action='${pageContext.request.contextPath}/Country/DeleteMany'"

但是，提交时操作没有改变(当 confirmDeleteMuliple() 返回 true 时)。

<小时/>

我尝试将更改操作的代码放在单独的 JavaScript 函数中，如下所示。

function deleteManyAction()
{
    document.dataForm.action='${pageContext.request.contextPath}/Country/DeleteMany';
}

并且 onclick 属性更改如下。

onclick="return confirmDeleteMuliple();deleteManyAction();"

但是，deleteManyAction() 函数从未被调用。仅当从 onclick 中删除函数 confirmDeleteMuliple() 时，它才起作用。

如何按照定义的顺序调用这两个函数？

_{表达式 ${pageContext.request.contextPath} 在加载时计算为应用程序的上下文路径，如 /Example (当此文件(JSP ) 被解析)。}

Answer 1

放置在返回之后的代码永远不会被访问。 return 基本上意味着停止工作并给我你拥有的东西。

这应该可以满足您的要求:

onclick="return submit();"

function submit(){
   if(confirmDeleteMuliple()){
       deleteManyAction();
       return true;
   }else{
       return false; //Otherwise the form will be submitted anyway.
   }
}