comment ajouter confirm boîte de message dans jquery
-
26-09-2019 - |
Question
Je vais avoir la liste des utilisateurs avec case à cocher, de sorte que la fonction est au moins une case à cocher doit sélectionner la validation autre effectuée à l'aide jquery pour supprimer l'utilisateur sélectionné, une fois la validation effectuée, il devrait confirmer apparaître boîte de message pour demander confirmation wheter oui ou pas supprimer. donc ci-dessous est mon code sans la boîte de message de confirmation
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})
});
}
donc où je devrais insérer la boîte de message de confirmation, merci à l'avance
La solution
$(form).ajaxSubmit({
success: function() {
alert('user successfully deleted');
}
});
Autres conseils
$("#deletebutton").bind('click', function(){
if(confirm('delete?')){
$('input:checked').each(function(){
deleteFunction(this.id);
});
}
});
et le balisage doit être
<ul>
<li><input type="checkbox" id="name_1" name="name_1" />name 1</li>
<li><input type="checkbox" id="name_2" name="name_2" />name 2</li>
<li><input type="checkbox" id="name_3" name="name_3" />name 3</li>
<li><input type="checkbox" id="name_4" name="name_4" />name 4</li>
<li><input type="checkbox" id="name_5" name="name_5" />name 5</li>
</ul>
<button id="deletebutton">del</button>
Confirmation Mettez avant la soumettre
submitHandler: function(form) {
if (confirm("really delete that dude?")) {
$(form).ajaxSubmit();
}
}
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit({
dataType: 'json',
success: function(data) {
if (data.okDelete) // json response
alert('ok deleted');
else
alert('error deleted');
}
});
}
})
});
}
Je pense que vous avez besoin de dialogue jQuery pour montrer une boîte de dialogue de confirmation avec quelques boutons.
Tout d'abord, vous définissez un div pour la boîte de dialogue.
Ensuite, les boutons que vous souhaitez afficher. Avec la fonction en son sein, l'action si le bouton est cliqué.
Enfin, créer une boîte de dialogue.
Vous pouvez placer le code en remplacement de la ligne: $ (formulaire) .ajaxSubmit ();
Ainsi, vous créez une boîte de dialogue avant de soumettre le formulaire.
Espérons que cela aide.
var dialog_="<div title='Confirmation'><span class='ui-icon ui-icon-alert' style='float:left; margin:0 7px 20px 0;'></span>";
buttons_confirm['Yes']=function() {
$(form).ajaxSubmit();
$(this).dialog('close');
};
buttons_confirm['Cancel']=function() {
$(this).dialog('close');
};
$(dialog_).dialog({
bgiframe: true,
resizable: false,
modal: true,
buttons: buttons_confirm
});