come aggiungere finestra di messaggio di conferma in jQuery
-
26-09-2019 - |
Domanda
Sto avendo elenco di utente con la casella di controllo, in modo che la funzione è almeno una casella di controllo deve selezionare la convalida altro fatto utilizzando jQuery per cancellare l'utente selezionato, una volta che la convalida fatto ci dovrebbe confermare finestra di messaggio appare di chiedere conferma wheter sì o non da eliminare. così in basso è il mio codice senza la finestra di messaggio di conferma
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})
});
}
così dove dovrei inserire la finestra di messaggio di conferma, grazie in anticipo
Soluzione
$(form).ajaxSubmit({
success: function() {
alert('user successfully deleted');
}
});
Altri suggerimenti
$("#deletebutton").bind('click', function(){
if(confirm('delete?')){
$('input:checked').each(function(){
deleteFunction(this.id);
});
}
});
e il markup deve essere
<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>
Mettere conferma prima che il
presentaresubmitHandler: 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');
}
});
}
})
});
}
Credo che hai bisogno jQuery finestra per mostrare una finestra di conferma con alcuni pulsanti.
In primo luogo, si definisce un div per la finestra di dialogo.
Poi, i pulsanti che si desidera mostrare. Con la funzione al suo interno, l'azione se il pulsante viene premuto.
Ultimo, creare una finestra di dialogo.
È possibile inserire il codice in sostituzione della linea: $ (forma) .ajaxSubmit ();
Così, si crea una finestra di dialogo prima di inviare il modulo.
Spero che questo aiuto.
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
});