使用javascript单击编辑按钮时如何弹出消息

Question

I want to popup message box when press edit button on my php page. After confirmation should pass data to edit page. now data is parsing to edit page without showing message. Please help me to solve this.

<?php
include 'connection.php';
//var_dump($_POST['search']);
$query= "select * from computer where lab_no like '%".$_POST["search"]."%'";
//var_dump($query);
$output='';
$result=  mysqli_query($conn, $query);
if(mysqli_num_rows($result)>0){

    $output.='
        <table class = "table table-bordered table-hover">
            <tr>
                <th style="text-align:center">Computer Number</th>
                <th style="text-align:center">Computer Name</th>
                <th style="text-align:center">Brand</th>

                <th style="text-align:center">Edit</th>
                <th style= "text-align:center">Delete</th>
            </tr>';

    while($row= mysqli_fetch_array($result)){
        $output.='
               <tr>
               <td style= "text-align:center">'.$row["token_number"].'</td>
                 <td  style="text-align:center">'.$row["com_name"].'</td>
                 <td style="text-align:center">'.$row["brand"].'</td>
                  <td style="text-align:center"><a href=../htdocs/add-com_edit.php?com_num=' . $row["token_number"] . ' \"onclick=\"return confirm("Are You Sure to Update this Record?");\"><span class="btn-success form-control" style="text-align:center">Edit</span></td> 
                 <td style="text-align:center"><a href=\"../htdocs/po_edit.php?ponum=" . $row["token_number"] . "\" onclick=\"return confirm("Are You Sure to Delete this Record?");\"><span class="btn-danger form-control" style="text-align:center">Delete</span></td> 


                <tr/>';

    }
    echo $output;

      $output.='</table>';

}else{
    echo"No Data Found!";
}
?>

Answer 1

what you are looking for is a confirm dialog. Based on the choise you can stop the submit

$('form').submit(function(event){
    if(!confirm('are you sure?')){
        event.preventDefault();
        return false;
    }
});

https://jsfiddle.net/2hckck96/

Answer 2

1st : Remove unnecessary escape character .

2nd : Missed starting double quotes for href attribute .

code : Final code should be .

echo '<td style="text-align:center"><a href="../htdocs/add-com_edit.php?com_num=' . $row["token_number"] . '" onclick="return confirm(\'Are You Sure to Update this Record? \');"><span class="btn-success form-control" style="text-align:center">Edit</span></td>';

Answer 3

Normally you would like to separate your HTML and Javascript, so I suggest you don't use inline event handlers, but put a class on your EDITLINK and add an event listener to it.

Your Edit link has been created dynamically so you need a Delegate Event

Please find below example how to do that

$('body').on('click', '.EDITLINKCLASS', function () {
   if (!confirm('Are you sure?')) e.preventDefault();
});

This is more efficient than inline handlers.

Answer 4

Use jQuery

1. add class to links

   <a href="#" class="lnkDelComp">Delete</a>

2. add the jQuery

    <script> $(document).ready(function(){ $('.lnkDelComp').each(function(){ $(this).click(function(){ var comNum = $(this).closest('tr').('td:eq(0)').text(); var ask = confirm("Are you sure you want to delete "+comNum+"?"); if(ask){ window.location = "/path/to/add-com_edit.php?com_num="+comNum; } else{ alert("You have cancelled!"); } }); }); }); 

Answer 5

尝试这个

<td style=\"text-align:center\"><a href=\"../htdocs/add-com_edit.php?com_num=".$row["token_number"]."\" onclick=\"return confirm('Are You Sure to Update this Record?');\"><span class=\"btn-success form-control\" style=\"text-align:center\">Edit</span></td>