cómo agregar cuadro de confirmación en jQuery
-
26-09-2019 - |
Pregunta
Estoy teniendo lista de usuario con casilla de verificación, por lo que la función es al menos una casilla de verificación de validación debe seleccionar otro hecho usando jQuery para eliminar el usuario seleccionado, una vez que la validación de hecho no debería confirmar cuadro de mensaje aparece para pedir la confirmación wheter sí o sin eliminar. por lo que a continuación es mi código sin el cuadro de confirmación
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})
});
}
Entonces, ¿dónde debo insertar el cuadro de confirmación, gracias de antemano
Solución
$(form).ajaxSubmit({
success: function() {
alert('user successfully deleted');
}
});
Otros consejos
$("#deletebutton").bind('click', function(){
if(confirm('delete?')){
$('input:checked').each(function(){
deleteFunction(this.id);
});
}
});
y el margen de beneficio debe ser
<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>
Ponga la confirmación antes de que el presente
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');
}
});
}
})
});
}
Creo que es necesario jQuery diálogo para mostrar un cuadro de diálogo de confirmación con algunos botones.
En primer lugar, se define un div para el diálogo.
A continuación, los botones que desea mostrar. Con la función dentro de ella, la acción si se hace clic en el botón.
Por último, crear un diálogo.
Puede colocar el código como un reemplazo de la línea: $ (forma) .ajaxSubmit ();
Así, se crea un diálogo antes de enviar el formulario.
Espero que esta ayuda.
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
});