删除html表单的确认

时间:2012-07-24 20:16:13

标签: javascript html forms confirmation

我想在表单按钮中添加删除确认 可能的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或任何其他可能更好的方式

7 个答案:

答案 0 :(得分:7)

可能:)

在标签上,使用onsubmit属性,如下所示:

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

或使用方法

<form onsubmit="return myMethod">

onclick事件上的按钮也是如此。如果返回false,则不会单击它。

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

答案 1 :(得分: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> 

答案 2 :(得分:2)

我希望这能帮到你它适合我

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

答案 3 :(得分:1)

将您的事件处理程序绑定在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'] ?>';
    }
};

答案 4 :(得分:1)

首先在HTML中添加onclick方法,例如:

**HTML:**
<a class="btn btn-danger" href="some url" onclick="DeleteItem();"></a>
**JavaScript:**
function DeleteItem() 
{
     var a = confirm("Are you sure to delete this record?");
     if(a) {
         return true;
       }else{
          return false;
            }
}

答案 5 :(得分:0)

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

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

和以下JavaScript内容:

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

对我有用。

答案 6 :(得分:-1)

如果您没有使用javaScript,HTML也支持表单上的重置按钮。 你可以有这样的结构:

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

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