單擊提交按鈕后停留在同一頁面上

Question

我在提交按鈕上應用了 function “myfunction”。 function在提交頁面時會顯示一個對話框，詢問用戶是否確定提交頁面？

HTML按鈕代碼為：

<h:commandButton id="submit" value="Brewery 1" onclick="myfunction()" styleClass="button1">
<f:actionListener binding="#{loginweb.setNewUsernameAndCreateUser('Brewery1')}"/>
</h:commandButton>

**function myfunction(e)**
        {
         if(!confirm('Are you sure to proceed with this role?')) {
                e.preventDefault();
         }
        else {
         return false;
            }
        }

但是當我按下取消（在出現的對話框上）時，頁面仍然被提交。 我做錯了什么？ 謝謝

Answer 1

看起來您沒有將 click 事件傳遞給myfunction 。 試試onclick="myfunction(event)" 。