Javascript使用Confirm取消表单提交

Javascript using Confirm to cancel form submission

本文关键字：表单提交 取消 Confirm 使用 Javascript      更新时间：2023-09-26

如何向警报窗口添加取消按钮？

我使用了confirm()方法，但当点击提交按钮时，会弹出确认窗口，但当单击取消按钮时，表单的数据会被存储。

我只想点击取消按钮不存储数据，并保留以前的表单。这是我的代码：

function submitdata()
{   
    var r=confirm("Are You Sure You Want To Proceed?");
    if(r==true)
    {
        alert("Record is saved");
    }
    else
    {
        alert("Cancelling Transaction");
        javascript:history.go(0);
    }   
}

<form action="" name="test" onsubmit="return submitdata();">
    <input type="text" />
    <input type="submit" />
</form>
<script type="text/javascript">
function submitdata() { 
    var r=confirm("Are You Sure You Want To Proceed?"); 
    if(r==true) { 
        alert("Record is saved"); 
    } else { 
        alert("Cancelling Transaction"); 
        javascript:history.go(0);
    }
}
</script>

这就是您真正需要的：

<script type="text/javascript">
    function submitdata() { 
        return confirm("Are You Sure You Want To Proceed?"); 
    }
</script>

更新

function submitdata() {
    var r=confirm("Are You Sure You Want To Proceed?");
    if(r==true) {
        alert("Record is saved");
        return true;
    } else {
        alert("Cancelling Transaction");
        return false;
    }   
}

反转逻辑。但这个问题是一种奇怪的语言，所以最好使用将cancel设置为默认值的自定义提示。

function forceNonDefaultOk() {
    return ( ! confirm( 'Keep working' ) );
}
相关文章：