How to use confirm using sweet alert

Question

In this code form is submitted even i am clicking on no  document querySelector   from1   onsubmit   function      swal       title   Are you sure        text   You will not be able to recover this imaginary file        type   warning       showCancelButton  true      confirmButtonColor    DD6B55       confirmButtonText   Yes  I am sure        cancelButtonText   No  cancel it        closeOnConfirm  false      closeOnCancel  false      function isConfirm       if  isConfirm        swal  Shortlisted     Candidates are successfully shortlisted     success           else         swal  Cancelled    Your imaginary file is safe       error

User · Answer

document querySelector   from1   onsubmit   function e     swal       title   Are you sure        text   You will not be able to recover this imaginary file        type   warning       showCancelButton  true      confirmButtonColor    DD6B55       confirmButtonText   Yes  I am sure        cancelButtonText   No  cancel it        closeOnConfirm  false      closeOnCancel  false      function isConfirm       if  isConfirm        swal  Shortlisted     Candidates are successfully shortlisted     success           else         swal  Cancelled    Your imaginary file is safe       error             e preventDefault

User · Answer

swal       title   Are you sure        text   You won t be able to revert this        type   warning       showCancelButton  true      confirmButtonColor    3085d6       cancelButtonColor    d33       confirmButtonText   Confirm      then function        alert  The confirm button was clicked       catch function reason       alert  The alert was dismissed by the user    reason

User · Answer

You will need to prevent default form behaviour on submit  After that you will need to submit form programmatically in case of Ok button is selected   Here is how it could look like   document querySelector   from1   addEventListener  submit   function e      var form   this     e preventDefault        lt --- prevent form from submitting    swal         title   Are you sure          text   You will not be able to recover this imaginary file          icon   warning         buttons             No  cancel it             Yes  I am sure                  dangerMode  true         then function isConfirm          if  isConfirm            swal             title   Shortlisted              text   Candidates are successfully shortlisted              icon   success             then function               form submit        lt --- submit form programmatically                     else           swal  Cancelled    Your imaginary file is safe       error                         UPD  Example above uses sweetalert v2 x promise API   Demo  http   plnkr co edit YTY7PDs5Uh1XGUo9ic1s p preview

User · Answer

inside your save button click add this code      quot  btnSave quot   click function  e      e preventDefault      swal  quot Are you sure  quot         buttons          yes            text   quot Yes quot           value   quot yes quot                 no            text   quot No quot           value   quot no quot                     then  value    gt        if  value      quot yes quot              Add Your Custom Code for CRUD           return false

User · Answer

100  working  Do some little trick using attribute  In your form add an attribute like data-flag in your form  assign  0  as false     lt form id  from1  data-flag  0  gt        your inputs  lt  form gt    In your javascript   document querySelector   from1   onsubmit   function e         flag     this  attr  data-flag         if  flag  0           e preventDefault      to prevent submitting          swal               title   Are you sure                text   You will not be able to recover this imaginary file                type   warning               showCancelButton  true              confirmButtonColor    DD6B55               confirmButtonText   Yes  I am sure                cancelButtonText   No  cancel it                closeOnConfirm  false              closeOnCancel  false                      function isConfirm               if  isConfirm                   swal  Shortlisted     Candidates are successfully shortlisted     success                       update the data-flag to 1  as true   to submit                     from1   attr  data-flag    1                        from1   submit                  else                   swal  Cancelled    Your imaginary file is safe       error                                           return true

User · Answer

I have been having this issue with SweetAlert2 as well  SA2 differs from 1 and puts everything inside the result object  The following above can be accomplished with the following code  Swal fire       title   A cool title       icon   info       confirmButtonText   Log in       then  result    gt        if  result  isConfirmed              Put your function here             Everything placed inside the then result will run  Result holds a couple of parameters which can be used to do the trick  Pretty simple technique  Not sure if it works the same on SweetAlert1 but I really wouldn t know why you would choose that one above the newer version

User · Answer

You need To use then   function  like this  swal       title   Are you sure        text   You will not be able to recover this imaginary file        type   warning       showCancelButton  true      confirmButtonColor    DD6B55       confirmButtonText   Yes  I am sure        cancelButtonText   No  cancel it       then         function        Your Code Here             function      return false

User · Answer

x000D   x000D  document querySelector   from1   onsubmit   function e   x000D   x000D   swal   x000D      title   Are you sure    x000D      text   You will not be able to recover this imaginary file    x000D      type   warning   x000D      showCancelButton  true  x000D      confirmButtonColor    DD6B55   x000D      confirmButtonText   Yes  I am sure    x000D      cancelButtonText   No  cancel it    x000D      closeOnConfirm  false  x000D      closeOnCancel  false x000D      x000D   function isConfirm   x000D   x000D     if  isConfirm value   x000D       swal  Shortlisted     Candidates are successfully shortlisted     success    x000D   x000D        else   x000D        swal  Cancelled    Your imaginary file is safe       error    x000D           e preventDefault    x000D        x000D       x000D     x000D   x000D   x000D

[javascript] How to use confirm using sweet alert?

Examples related to javascript

Examples related to jquery