如何使用JavaScript警報刪除記錄

Question

我已經從mysql表中使用php檢索記錄。每個記錄都用表單和刪除按鈕進行檢索。用戶應該點擊刪除按鈕，然後該行上的記錄被刪除。問題是我想在刪除之前顯示警報，我該如何執行此操作，因爲要刪除的記錄具有存儲在每個表單內的隱藏字段中的ID。我的檢索表下面;

echo'<tr><td>'.$sn.'</td> 
    <td>'. htmlspecialchars($r['Year']).'</td> 
    <td><form method="post" action="awardyear.php"> 
    <input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
    </form> 
    </td> 
    <td><form method="post" id="awardForm" action="awardyear.php"> 
     <input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
     <input type="submit" name="deleteYear" class="btn btn-danger" value="Delete"> 
     </form></td> 
     </tr>'; 

任何幫助將不勝感激，謝謝。

Answer 1

嘗試..

echo'<tr><td>'.$sn.'</td> 
    <td>'. htmlspecialchars($r['Year']).'</td> 
    <td><form method="post" action="awardyear.php"> 
    <input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
    </form> 
    </td> 
    <td><form method="post" id="awardForm" action="awardyear.php"> 
     <input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
     <input onclick="return myConfirm();" type="submit" name="deleteYear" class="btn btn-danger" value="Delete"> 
     </form></td> 
     </tr>'; 

// Java腳本這個

function myConfirm() { 
    var result = confirm("Want to delete?"); 
    if (result) { 
    return true; 
    } else { 
    return false; 
    } 
} 

Answer 2

將表單更改爲鏈接並使用JS重定向到刪除頁面進行確認。

HTML：

<a href='#' onclick='areYouSure("awardyear.php?deleteYear=Delete&amp;yearId=$YearID")'>DELETE</a> 

JavaScript函數：

function areYouSure(location) { 
    if(confirm("Are you sure you want to delete this entry?")) { 
     document.location.href = location; 
     return true; 
    } else return false; 
} 

Answer 3

試試這個

HTML

echo'<tr><td>'.$sn.'</td> 
<td>'. htmlspecialchars($r['Year']).'</td> 
<td><form method="post" action="awardyear.php"> 
<input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
</form> 
</td> 
<td><form onsubmit="return deleteThis();" method="post" id="awardForm" action="awardyear.php"> 
    <input type="hidden" name="yearId" value="'.$r['YearID'].'"/> 
    <input type="submit" name="deleteYear" class="btn btn-danger" value="Delete"> 
    </form></td> 
    </tr>'; 

JAVASCRIPT

function deleteThis(){ 
    if(confirm("Are you sure you want to delete?")){ 
     return true; 
    }else{ 
     return false; 
    } 
} 

Answer 4

使用此提醒之前刪除

$('#awardForm').find('.btn-danger').on('click',function(){ 
    var hiddenValue = $("input[name='yearId']").val(); 
    alert('You sure want to delete '+hiddenValue+' ?'); 
});