Question

我有一个用于更新记录的表单，在底部我有一个提交按钮。我希望它能显示一条消息说＆＃34;更新记录：＆＃34;以及是和否框。

我发现的每一种方式都只是用于确认弹出窗口，但我不想要弹出窗口，我希望它是按钮。所以目前我在下面给出了一个确认弹出窗口

<form class=\"searchForm\" action=\"cd_update.php\" method=\"post\" onsubmit=\"return confirm('Are you sure you want to submit?');\">

<button type="submit" id="editButton">Update</button>

这可能吗？我需要cd_update.php在＆＃34;是＆＃34;并留在＆＃34; No＆＃34;

的页面上

由于

Answer 1

<强> Working fiddle

您可以为确认消息创建新的div，其中包含您想要的两个按钮是和否，之后添加js用户点击div按钮后会显示此确认{。}}的代码。

HTML：

Update

JS：

<form class="searchForm" action="cd_update.php" method="post">
    <div id="confirmation-msg" style="display:none">
        Update Record?
        <button type="submit" id="yesButton">Yes</button>
        <button type="button" onClick="$('#confirmation-msg').hide()">No</button>
    </div>

    <button type="button" id="editButton">Update</button>
</form>

希望这有帮助。

Answer 2

我相信这段代码就是你要找的。如果愿意，删除onsubmit处理程序，并在no按钮上交换onClick事件以执行其他操作。这将允许这些按钮在没有确认弹出窗口的情况下处理您的表单。

        <form class="searchForm" method="post" onsubmit="alert('Record Updated');">

        Update?
        <button type="submit" id="yesButton">Yes</button>
        <button id="noButton" onClick="alert('Not Updated')">No</button>
</form>

Answer 3

您必须使用模式才能根据自己的喜好自定义模态。这可以简单到自己做（见下文）或使用jQuery模式（这也很简单，但可能有点过分。

http://jsfiddle.net/m7w0fcmf/1/

样式

#confirm {
    display:none;
}

HTML 的

<form id="form" class="searchForm" action="cd_update.php" method="post">

    <div id="confirm">
        Update Record: 
        <button id="yes">Yes</button>
        <button id="no">No</button>
    </div>

    <button type="submit" id="editButton">Update</button>
</form>

的JavaScript

document.getElementById('editButton').addEventListener('click', showConfirm);
document.getElementById('no').addEventListener('click', clickNo);

function showConfirm(e) {
    e.preventDefault();
    document.getElementById('confirm').style.display = 'block';
}
function clickNo(e) {
    e.preventDefault();
    document.getElementById('confirm').style.display = 'none';
}

提交按钮显示是或否

3 个答案: