Window.confirm和html表單

Question

我有這個表格

<form name="frm" action="users.jsp/manage-users?status=delete&index=1" method="POST">
    <button value="delete" name="btn" onclick="if(window.confirm('Delete user?\nWARNING! THIS IS ACTION CANNOT BE UNDONE!'))
{document.frm.submit();}">
    Delete
    </button>
</form>

當我按取消時，它仍然提交。 我究竟做錯了什么？

Answer 1

您需要return false;

<form name="frm" action="users.jsp/manage-users?status=delete&index=1" method="POST">
    <button value="delete" name="btn" onclick="if(window.confirm('Delete user?\nWARNING! THIS IS ACTION CANNOT BE UNDONE!'))
{document.frm.submit();}else{return false;}">
    Delete
    </button>
</form>

當你return false; ，該表單將不會提交，因此單擊“ Cancel將使該表單不提交，而單擊“ Ok將提交該表單

演示： http ： //jsfiddle.net/qXJWL/

Answer 2

else { return false; }嘗試else { return false; } else { return false; }

<form name="frm" action="users.jsp/manage-users?status=delete&index=1" method="POST">
    <button value="delete" name="btn" onclick="if(window.confirm('Delete user?\nWARNING! THIS IS ACTION CANNOT BE UNDONE!'))
{document.frm.submit();} else { return false; }">Delete</button>
</form>

Answer 3

作為一種好的做法，請將腳本與html分開，按cancel時使用return false ，並將formSubmit()與return一起使用，例如

JAVASCRIPT

function formSubmit(){
    if(window.confirm('Delete user?\nWARNING! THIS IS ACTION CANNOT BE UNDONE!')){
        document.frm.submit();
    }else{
        return false;
    }
}

HTML

<form name="frm" action="users.jsp/manage-users?status=delete&index=1" method="POST">
    <button value="delete" name="btn" onclick="return formSubmit()" id="myButton">
    Delete
    </button>
</form>

DEMO