Como adicionar a caixa de mensagem confirmar no jQuery
-
26-09-2019 - |
Pergunta
Estou tendo uma lista de usuário com caixa de seleção, então a função é pelo menos uma caixa de seleção deve selecionar mais uma validação feita usando jQuery para excluir o usuário selecionado, uma vez que a validação feita lá deve confirmar . Então, abaixo está o meu código sem a caixa de mensagem Confirmar
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})
});
}
Então, onde devo inserir a caixa de mensagem Confirmar, obrigado antecipadamente
Solução
$(form).ajaxSubmit({
success: function() {
alert('user successfully deleted');
}
});
Outras dicas
$("#deletebutton").bind('click', function(){
if(confirm('delete?')){
$('input:checked').each(function(){
deleteFunction(this.id);
});
}
});
e a marcação deve 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>
Coloque a confirmação antes do envio
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');
}
});
}
})
});
}
Eu acho que você precisa de diálogo jQuery para mostrar uma caixa de diálogo de confirmação com alguns botões. Primeiro, você define uma div para a caixa de diálogo. Então, os botões que você deseja mostrar. Com a função nela, a ação se o botão for clicado. Por último, crie uma caixa de diálogo. Você pode colocar o código como uma substituição da linha: $ (form) .ajaxsubmit ();
Então, você cria uma caixa de diálogo antes de enviar o formulário. Espero que isso ajude.
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
});