How to create an Operation Confirmation alert?

0

I have the following Function that is called through a OnClick where it will delete the selected record. But for security reasons, I would like to put a control to continue with the operation or not.

Follow the code below:

function DeletarLinha(id) {
            var empresa = null;
            var codigo = null;

            var str = id.replace('d', '');
            if (str.indexOf('_') > 0) {
                var res = str.split("_");
                codigo = (res[0]);
                empresa = (res[1]);

                //Alert de Confirmarção
                //Caso for TRUE
                //Executar essa function ConsultarPedido(codigo, empresa);
                //Caso for Falso
                //Apenas abortar o processo.
            }
        }
    
asked by anonymous 15.05.2018 / 21:46

2 answers

2

You can do it this way:

var button = $("button")

button.on("click", function(){
  var confirmado = confirm('Deseja deletar?');
  if(confirmado){
  	alert('Confirmado!');
  }else{
  	alert('Negado!');
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><button>Confirmar</button>

Usingthe'confirm'functionyoucangetthisfromtheuser.

Usingyourcode:

functionDeletarLinha(id){varempresa=null;varcodigo=null;varstr=id.replace('d','');if(str.indexOf('_')>0){varres=str.split("_");
        codigo = (res[0]);
        empresa = (res[1]);

        //Alert de Confirmarção
        var confirmado = confirm('Deseja deletar?');
        if(confirmado){
          //Caso for TRUE
          //Executar essa function ConsultarPedido(codigo, empresa);
        }else{
          //Caso for Falso
         //Apenas abortar o processo.
        } 
    }
}
    
15.05.2018 / 21:52
0

You can create a modal and in this modal you would call the function to make the exclude itself. A quick draft, the code below demonstrates the idea of how it would be

function exclude(){
 document.getElementById('modal').classList.remove('hidden');
 }

function DeletarLinha(id) {
            var empresa = null;
            var codigo = null;

            var str = id.replace('d', '');
            if (str.indexOf('_') > 0) {
                var res = str.split("_");
                codigo = (res[0]);
                empresa = (res[1]);

                //Alert de Confirmarção
                //Caso for TRUE
                //Executar essa function ConsultarPedido(codigo, empresa);
                //Caso for Falso
                //Apenas abortar o processo.
            }
        }
.hidden {
display:none
}
<button onClick="exclude()">Excluir</button>

<div id="modal" class="modal hidden">
<p> Você deseja realmente excluir?</p>
<button onClick="closeModal()">Excluir</button>
<button onClick="DeletarLinha(id)">Excluir</button>
</div>
    
15.05.2018 / 21:54