代码之家 › 专栏 › 技术社区 › Just Kroosing

如何在删除前添加确认消息?

crud mysql php javascript

Just Kroosing · 技术社区 · 2 年前

我试图在删除表中的数据之前添加确认消息。但我不知道该怎么写,该放在哪里。我试着查找其他代码,但不起作用。
这是我的代码:

        <?php $a = 0?>

        <?php while ($row = mysqli_fetch_array($res)) { 

            echo "<tr id=".$a++.">
                <th scope='row' class='row-data'>".$row['user_id']."</th>
                <td class='row-data'>".$row['full_name']."</td>
                <td class='row-data'>".$row['user_name']."</td>
                <td><input type='button' 
                    value='EDIT'
                           onclick='editUser()'' /></td>
                <td><input type='button' 
                    value='DELETE' 
                      onclick='deleteUser()' /></td>
            </tr>
        
        </tbody>";
       }; ?>
 

        function deleteUser() {
            var rowId = 
                event.target.parentNode.parentNode.id;
          //this gives id of tr whose button was clicked
            var data = 
            document.getElementById(rowId).querySelectorAll(".row-data"); 
          /*returns array of all elements with 
          "row-data" class within the row with given id*/

            var uID = data[0].innerHTML;

            document.getElementById("toBeEdit").value = uID;
            document.getElementById("taskStatus").value = 'delete';
            //alert("ID: " + uID);
            
            const form  = document.getElementById('editForm');

            form.submit();

        }

    </script>

2 回复 | 直到 2 年前

rohithpoya 2 年前

您可以使用内置的方法 confirm() 在你的 deleteUser() 作用请看下面的代码,

function deleteUser() {
         if(confirm('Are you sure want to delete user?')){
            var rowId = 
                event.target.parentNode.parentNode.id;
          //this gives id of tr whose button was clicked
            var data = 
            document.getElementById(rowId).querySelectorAll(".row-data"); 
          /*returns array of all elements with 
          "row-data" class within the row with given id*/

            var uID = data[0].innerHTML;

            document.getElementById("toBeEdit").value = uID;
            document.getElementById("taskStatus").value = 'delete';
            //alert("ID: " + uID);
            
            const form  = document.getElementById('editForm');

            form.submit();
          }

        }

这个 确认 方法显示一个对话框,其中包含一条消息、一个确定按钮和一个取消按钮。

这个 确认 方法在用户单击“确定”时返回true,否则返回false。

Samirovic 2 年前

---> you should to add this code include your delete function

if(window.confirm(“是否要删除此数据”)){

-->使用js<--

}否则{ 返回false;