JavaScript彈出確認

我有一個表格：JavaScript彈出確認

<form action="addaddresspage3.html" method="post" id="form" class="form">

與以下提交：

<input type="submit" id="continue" value="Add Address"/>

因此，用戶點擊該按鈕，然後它們引導到addaddresspage3.html。表單工作完全正常。但我想知道有什麼方法可以有某種確認選項（我猜測是JavaScript或jQuery）。例如，用戶點擊按鈕，然後顯示一條消息（可以是彈出窗口？），例如「確定要繼續嗎？」，然後用戶單擊「是」，然後將其指向addaddresspage3.html，然後單擊不，他們留在同一頁面上。我看到各種JS彈出窗口，但他們只是顯示消息，我似乎無法編輯它們，讓用戶直接點擊一個頁面時，直接進入一個頁面。

來源

2016-04-08 Rich

這是一個非常類似的問題：http://stackoverflow.com/a/6493075/6033381 –

在這裏你去https://jqueryui.com/dialog/#modal-confirmation – Candide

你可以使用jquery事件beforeunload詢問用戶他是否想要離開當前頁面。使用它象下面這樣：

$(window).bind('beforeunload', function(){ 
    return 'Are you sure you want to leave?'; 
});

來源

2016-04-08 20:41:21 Tomasz

當然，你可以只添加一個onclick屬性，你的按鈕使用一個JavaScript confirm()呼叫並返回用戶選擇（提交表單，如果他們選擇是住在同一頁上如果他們選擇不）：

<input type="submit" ... onclick='return confirm("Are your sure you want to continue?");'/>

可以see the most basic demonstration of this here及下方觀察：

<form> 
    <input type="submit" onclick='return confirm("Are your sure you want to continue?");'/> 
</form>

來源

2016-04-08 20:41:47

完美。謝謝 – Rich

<form action="addaddresspage3.html" method="post" id="form" class="form" onsubmit="javascript:return getConfirm();"> 
    <input type="submit" id="continue" value="Add Address"/> 
</form> 
<script> 
function getConfirm(){ 
    if(!window.confirm('Are you sure?!')) 
     return false; 
    return true; 
} 
</script>

來源

2016-04-08 20:45:19 Mojtaba

JavaScript彈出確認

回答

相關問題