2010-05-29 10 views
0

J'essaie d'afficher la confirmation de la boîte de dialogue de jquery avant de soumettre un formulaire. Mais je ne peux pas le faire pour faire apparaître uniquement lorsque le formulaire est soumis c'est le code:Confirmation de la boîte de dialogue JQuery, confirmation du formulaire

$(function remove() {       
    $("#dialog-confirm").dialog({ 
     resizable: false, 
     height:200, 
     modal: true, 
     buttons: { 
      'Delete campaign': function() { 
       return true ; 
       $(this).dialog('close'); 
      }, 
      Cancel: function() { 
       return false; 
       $(this).dialog('close'); 
      } 
     } 
    }); 
}); 

Confirmation du contenu Dialog

<div id="dialog-confirm" title="Delete ?" style="display:none;"> 
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>This will be permanently deleted and cannot be recovered. Are you sure?</p> 
</div> 

Formulaire soumettre du contenu

<form style="display: inline;" action="remove.php" method="post"" onsubmit="return remove()"> 

Répondre

1

la fonction remove ne devrait pas être placé dans un $(...);, comme $(function(){}) est quelque chose qui s'exécutera automatiquement lorsque le document est chargé, il suffit de déplacer la fonction à b e défini clairement à la racine. Aussi, je recommanderais d'utiliser le rappel en ligne; définir une id sur la forme et utiliser ce qui suit:

à savoir

function remove() { 
    ... 
} 
$(function(){ 
    $('#formid').submit(remove); 
    // normal initializing code here, which is executed when document is ready 
}) 

ou vous pouvez ainsi définir directement le rappel:

$(function(){ 
    $('#formid').submit(function(){ 
    // same code as in remove function above 
    }); 
    // normal initializing code here, which is executed when document is ready 
}) 
Questions connexes