我正在嘗試創建一個確認對話框,使用類似于這樣的東西:confirm('Are you sure?')
在我的EJS表單中,但是我不知道在哪里以及如何讓它正常工作。
以下是迄今為止我的EJS模板的代碼:
<div id="popupAddUser" class="addUser">
<div class="card h-100">
<div class="row">
<div class="col-7"><h2>Create New User</h2></div>
</div>
<div class="card-body">
<form method="POST" id="formAddUser" action="/add-user" enctype="multipart/form-data">
<div class="container">
<div class="row">
<div class="col-xl-5 float-right">
<div class="form-group">
<input class="form-control" type="text" placeholder="Type a User name"
name="create_user">
</div>
<div>
<button type="submit" class="btn btn-primary float-right" form="formAddUser" onclick="checker()">Create
User
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<script>
function checker(){
if( confirm("Are you sure you want to create a new User in the database?")){
continue;
}else{
break;
}
}
</script>
我知道checker()函數的位置不正確,甚至是不必要的,但我不確定是否有其他方法可以做到這一點。當我單擊“創建用戶”按鈕時,確認對話框將呈現并詢問我是否確定要創建用戶。如果我選擇yes,它應該提交表單,但是如果我單擊cancel,它不應該提交表單post請求
您可以使用JavaScript
submit()
函數根據響應遠程提交表單。這意味著你不用提交按鈕,而要用普通按鈕。注意,按鈕類型設置為
button
,而不是submit
,以防止在函數運行后刷新頁面。