Delete Confirmation Message using JavaScript

In this tutorial we will see how to show delete confirmation message using JavaScript. Delete confirmation message is always important because if you do not show any confirmation message before deleting then if user click on delete button by mistake then the data will directly delete. So, always show a confirmation message to user before deleting any data.

Delete confirmation message using javaScript

Here we will use JavaScript confirm() method to show confirmation message before delete.

For example -

<!DOCTYPE html>
<html>

<head>
    <title>How to Show Delete Confirmation Message using JavaScript</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
    <img src="https://scontent.fpat3-3.fna.fbcdn.net/v/t1.6435-9/173435656_100553882178512_5067283647022573909_n.png?_nc_cat=106&ccb=1-5&_nc_sid=09cbfe&_nc_ohc=YI-DPfxix60AX_04-6p&_nc_oc=AQm4t1zTSXcQOtWsECWg1b54FYG-yKvts0yit49eZyz7CE2XfRIVi4R4ohi89BeAmD8&tn=8lmRwSjEcX7Ytb8g&_nc_ht=scontent.fpat3-3.fna&oh=aeb0e2f0e59fb3efc1c038d45cb9ba6a&oe=61C06B91"
        width="100">
    <!-- delete confermation alert in html   -->
    <a href="url_to_delete" onclick="return confirm('Are you sure you want to delete this item?');"><button>Delete
            image</button></a>
</body>

</html>

Output

javascript

Delete Confirmation Message using JavaScript

Delete confirmation message using javaScript

Enter your details before comment