javascript - 我需要一个自定义确认框以 html 形式实现 Onsubmit()。我该如何实现它？

Question

我需要在 html 表单 Onsubmit() 上实现自定义确认框。我该如何实现它？

像这样

 <form method="post"  style="float:left" action="xxx/**"
     onsubmit="return confirmfinish()"

confirmfinish() 应该实现自定义确认框并返回适当的值(真/假)

Answer 1

我采用了您的 FORM 标记示例并对其进行了一些调整，如下所示。这将使您进行自定义确认。它将停止提交表单，直到您在自定义确认中单击"is"。

<form id="mainForm" method="post" action="xxx/**" onsubmit="return confirmfinish();">
    <input type="text">
    <input type="submit">
</form>

<div id="confirmationDiv" style="display:none; border:1px solid black; padding:10px; margin-top:10px; width:500px;">
    Are you sure you want to submit the form?<br>
    <input type="button" value="Yes" onclick="confirmed = true; document.getElementById('mainForm').submit();">
    <input type="button" value="No" onclick="document.getElementById('confirmationDiv').style.display='none'; return false;">
</div>

<script type="text/javascript">     
    var confirmed = false;

    function confirmfinish(){
        if(!confirmed){
            document.getElementById('confirmationDiv').style.display='block';
            return false;
        } else {
            return true;
        }
    }
</script>