Window.confirm and html form

Window.confirm and html form

本文关键字：form html and confirm Window      更新时间：2023-09-26

我有这个表格

<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>

当我按取消时，它仍然提交。我做错了什么？

你需要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/

尝试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>

为了好的做法，请将脚本与 html 分开，按取消时使用return false，并将return与 formSubmit() 一起使用，类似于

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>

演示

相关文章：