javascript - html表单的删除确认

Question

我想在我的表单按钮中添加删除确认 可能使用的 javascript？

<script type="text/javascript"> 
function confirmDelete() { 
return confirm("Are you sure you want to delete?");   
} 
</script> 

这目前正在我的表单中工作。

<input type="button" onclick="parent.location='<?php echo "delete.php?id=" . $people['id'] ?>'" value='Delete'>

如何将 javascript 集成到 onclick 事件中？使用上述javascript或任何其他可能更好的方式

Answer 1

这是可能的 ：）

在标签上，使用 onsubmit 属性，如下所示：

<form onsubmit="return confirm('Are you sure?');">

或使用方法

<form onsubmit="return myMethod">

onclick 事件上的按钮也是如此。如果返回false，则不会被点击。

请记住，如果方法返回 false，则不会提交表单

Answer 2

如何将 javascript 集成到 onclick 事件中？

<input type="button" onclick="javascript:confirmDelete();" value='Delete'>

和

<script type="text/javascript"> 
function confirmDelete() { 
var status = confirm("Are you sure you want to delete?");   
if(status)
{
 parent.location.replace("parent.location='<?php echo "delete.php?id=" . $people['id'] ?>'");
}
} 
</script> 

Answer 3

我希望这会对你有所帮助

它对我有用

<a href="index.php?action=del&id=125" onclick="return confirm('Are you sure you want to delete?')">Delete</a>

Answer 4

首先在您的 HTML 中添加一个 onclick 方法，例如：

**HTML:**
<a class="btn btn-danger" href="some url" onclick="DeleteItem();"></a>
**JavaScript:**
function DeleteItem() 
{
     return confirm("Are you sure to delete this")
}
// Or you can simply do it like below:
<button onclick="javascript: return confirm('Are you sure to delete?');">Delete</button>

Answer 5

在 javascript 中绑定您的事件处理程序。

<input type="button" id="delete" value='Delete' />

document.getElementById('delete').onclick = function () {
    if (confirm('Are you sure?')) {
        parent.location='<?php echo "delete.php?id=" . $people['id'] ?>';
    }
};

Answer 6

使用 onclick 事件处理程序添加按钮元素，如下所示：

<input type="submit" name="delete" value="Delete" onclick="return confirmDelete();">

和 JavaScript 内容如下：

function confirmDelete() { 
    return confirm("Are you sure you want to delete?");   
} 

这个对我有用。

Answer 7

如果您不喜欢使用 JavaScript，HTML 还支持表单上的重置按钮。你可以有这样的结构：

<form>
...
items in your form
...
<input type="reset">
...
</form>

单击重置按钮时，所有表单输入将重置为其默认值。