2012-07-24 50 views
3

我想添加刪除確認到我的表單按鈕 可能的javascript使用?刪除html格式的確認

<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或任何其他方式可能會更好

+0

類似:HTTP ://stackoverflow.com/questions/9139075/confirm-message-before-delete – 2016-05-10 09:21:26

回答

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'] ?>'; 
    } 
}; 
+0

這就像一個冠軍感謝! – user1548769 2012-07-25 16:53:05

+0

如果瀏覽器沒有啓用JavaScript,用戶將無法完成刪除過程。 – 2015-06-03 19:35:13

+0

@JoãoMosmann這是一個JavaScript標記的問題。如果瀏覽器沒有啓用JavaScript,則此標記中的每個答案都是無關緊要的。 – jbabey 2015-06-04 13:53:01

6

這是可能的:)

在標籤,使用屬性的onsubmit像這樣:

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

,或者使用方法

<form onsubmit="return myMethod"> 

onclick事件按鈕相同。如果它返回false,它將不會被點擊。

記住,如果該方法返回false,窗體不會所需提交

+0

同意相同的方法,我會建議是onsubmit。如果你的函數返回false,那麼表單將不會提交,如果它是true的話。 – 2012-07-24 20:20:00

+0

這適用於窗體中的實際提交按鈕。但添加按鈕刪除這不會提示它只是從我的數據庫中刪除行。 – user1548769 2012-07-24 20:39:15

+0

很簡單,只需添加回報,工作! – 2016-05-19 23:46:54

-1

HTML還支持在表單上的復位按鈕,如果你沒有連接到使用Javascript。 你可以有這樣的結構:

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

當按下復位按鈕,所有的形式投入將重置爲默認值。

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

我HPPE這將幫助你

這對我的工作

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

首先添加一個onclick方法在你的HTML,如:

**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; 
      } 
}