编辑前显示确认框

时间:2016-02-04 18:13:20

标签: jquery ajax

我使用ajax直接编辑表中的数据。我想在编辑之前显示一个确认框。用户只需单击一个字段,然后他就可以编辑。如果他让空白,则会弹出警报。现在我想在编辑完成后显示一个确认框。这就是我被困的地方。看看我的代码。

<tr>
<th cursor:pointer">NomFaculte</th>
 <th cursor:pointer">Adresse</th>
</tr>
<?php
 while($row=mysqli_fetch_array($resa))
{
?>
<tr class="edit_tr">
<td class="edit_td" id="<?php echo $row['id']; ?>">
<span id="Adresse_<?php echo $row['id']; ?>" class="text"><?php echo   
$row['Adresse']; ?></span>
<input type="text" value="<?php echo $row['Adresse']; ?>" class="editbox"
id="Adresse_input_<?php echo $row['id']; ?>"/>
 </td>
 <td class="edit_td" id="<?php echo $row['id']; ?>">
<span id="NomDroyen_<?php echo $row['id']; ?>" class="text"><?php echo 
 $row['NomDroyen']; ?></span>
 <input type="text" value="<?php echo $row['NomDroyen']; ?>" 
  class="editbox" id="NomDroyen_input_<?php echo $row['id']; ?>"/>
 </td>


$(document).ready(function()
{

$(".edit_td").click(function()
{
   document.getElementById('user_insert').style.display="none";

 var ID=$(this).attr('id');
$("#Adresse_"+ID).hide();
$("#NomDroyen_"+ID).hide();



$("#Adresse_input_"+ID).show();
 $("#NomDroyen_input_"+ID).show();


}).change(function()
  {

 var ID=$(this).attr('id');
 var Ad=$("#Adresse_input_"+ID).val();
 var NomD=$("#NomDroyen_input_"+ID).val();
 var dataString = 'id='+ ID +'&Adresse='+Ad+'&NomDroyen='+NomD;
if(Ad.length>0&& NomD.length>0)
{

$.ajax({

type: "POST",
url: "faculte_modifier.php",
data: dataString,
cache: false,
 success: function(html)
 {

$("#Adresse_"+ID).html(Ad);
$("#NomDroyen_"+ID).html(NomD);
$("#NombreEtudiants_"+ID).html(NombEtu);

}
});

}
else
{
alert('Don't let this field empty !.');
}

});

// Edit input box click action
$(".editbox").mouseup(function()
{
return false
});

// Outside click action
$(document).mouseup(function()
{
$(".editbox").hide();
$(".text").show();
  document.getElementById('user_insert').style.display="block";
});

 });

2 个答案:

答案 0 :(得分:1)

if(confirm('Are you sure?')) {
    $.ajax({
        type: "POST",
        url: "faculte_modifier.php",
        data: dataString,
        cache: false,
        success: function (html)
        {
            $("#Adresse_" + ID).html(Ad);
            $("#NomDroyen_" + ID).html(NomD);
            $("#NombreEtudiants_" + ID).html(NombEtu);

        }
    });
}

答案 1 :(得分:0)

您可以使用以下confirm()方法。

if (confirm('Are sure you want to edit')) {
    alert('confirmed');
    // do your stuff here; 
}