Javascript Confirma Delete

De multe ori in diverse proiecte a trebuit sa fac un buton de stergere sau unul care genera o actiune irevocabila. Si tot de multe ori cand din graba am uitat sa pun un mesaj de confirmare a actiunii utilizatorul a dat din greseala click pe acest buton. Desigur confirmarea se poate face si printr-o pagina separata care are avantajul ca nu depinde ca utilizatorul sa aibe javascript activat, insa de cele mai multe ori e bine sa puneti macar pentru inceput un confirm simplu cu javascript pentru a evita clik-uri din greseala ale userului.

Sunt 2 metode simple prin care poti face acest confirm.

Utilizand o functie separata

HTML:
  1. function confirmDelete(delUrl) {
  2.   if (confirm("Are you sure you want to delete")) {
  3.     document.location = delUrl;
  4.   }
  5. }
  6. </script>
  7.  
  8. <a href="javascript:confirmDelete('delete.page?id=1')">Delete</a>

Scrierea confirm-ului direct in link

HTML:
  1. <a href="delete.page?id=1" onclick="return confirm('Are you sure you want to delete?')">Delete</a>

Ultima metoda m-am invatat sa o scriu mereu la link-urile de stergere, indiferent daca revin si finisez mai bine rutina de stergere, e bine ca sa pui acel confirm banal pentru partea de developing, fiind posibil ca si tu sa dai click din greseala.

Sper ca v-a fost utila informatia.

Cheers