Question

我的表单目前有两个提交按钮。一个用于Search，另一个用于Mark Complete功能。只有在单击“标记完成”按钮提交表单并通过验证时，才需要显示确认对话框。有可能识别出来吗？我目前有以下confirmComplete功能：

function confirmComplete() {
alert("confirmComplete");
var answer=confirm("Are you sure you want to continue");
if (answer==true)
  {
    return true;
  }
else
  {
    return false;
  }
}

任何帮助将不胜感激！

Answer 1

将“标记完成”按钮的onclick属性设置为此

 onclick="return confirm('Are you sure you want to continue')"

并从表单

中删除confirmComplete函数

Answer 2

你可以。您可以按下这样的按钮

<input type="submit" value="Search" />
<input type="submit" value="Mark Complete" onclick="{return confirmComplete();}" />

点击标记完成按钮后，系统会调用confirmComplete功能，当用户在确认对话框中显示确定时，只会提交表单

Answer 3

您需要通过单击按钮而不是表单提交来执行事件。没有交叉浏览器的方式来知道提交表单的内容。

Answer 4

所以这是一个旁路解决方案：

<form id="frm" action="page.php" method="post" onsubmit="return onSubmit();">
    <input />
    <input type="submit" value="sub1" onclick="sub1();" />
    <input type="submit" value="sub2" onclick="sub1();" />
</form>
 <script type="text/javascript">
<!--
var frm = document.getElementById('frm');
function onSubmit(){
    return false;
}

function sub1(){
    alert('s1');
    frm.submit();
}

function sub2(){
    alert('s2');

}
 //-->
 </script>

Answer 5

当您调用“confirm（）”javascript弹出功能时，如onclick =“返回确认（'您确定要继续吗？'）”，确认框出现并显示消息'您确定要继续吗？'有两个选项'ok'和'cancel'.when你单击确定它返回true并继续执行网页，或者如果你点击取消它将返回false并停止进一步执行网页。

Answer 6

我不知道输入标签，但是直接在按钮上点击事件对我没有用。在我的情况下，表格立即发布。

这是一个包含许多按钮的表单的可能解决方案（其中只有一个必须显示确认消息）

在视图中：

<FORM name="F_DESTINATION_DB" id="F_DESTINATION_DB" method="POST" onsubmit="return popConfirmationBox('<?php echo LanguageControler::getGeneralTranslation("DELETE_CONFIRMATION_MESSAGE", "Deleting is an irreversible action. Are you sure that you want to proceed to the deleting?");?> ','DELETE_DB_BUTTON')">

Javascript（在代码重用的外部文件中）：

/**
* Display a confirmation message box to validate if we must post the page or not.
*
* @param message String to display
* @param tagId String id of the tag that must display the message.
*
* @return Boolean (confirmation)
*/  
function popConfirmationBox(message, tagId){

    var confirmation = true;

    if (typeof tagId === 'string' && document.activeElement.id.toUpperCase() === tagId.toUpperCase()) {

        if (typeof message === 'string' && message.length > 0) {

            confirmation = window.confirm(message);
        }
    }

    return confirmation;
}

我很难实现这一目标（需要大量的研究和测试），但结果代码非常简单。

默认情况下，我假设确认为是（如果单击的按钮不是用于显示消息的按钮，或者用户没有提供有效的消息字符串）。

附加说明：当然，如果用户浏览器阻止客户端代码，此代码将无法解决问题。

我希望它会帮助某人，

来自蒙特利尔的Jonathan Parent-Lévesque

Javascript如何在JSP上使用两个提交按钮使用确认对话框onSubmit

6 个答案: