confirm JavaScript, finestre di avviso javascript con scelta

In this article we will talk about confirm in JavaScript, that is, how to create a window where the user can make a choice.

With the confirm () method, unlike the alert () method, communication is therefore not unilateral but bilateral.

confirm JavaScript – example 1

Let’s immediately take an example of use.

Try to enter some data in the fields below and then click on the Reset button. The window will appear that will tell you if you really want to reset the data.

Then, in any part of the web page, we insert the form with the labels, the text boxes and the reset button.

<form name="senda-data" onreset="return confirmation()">
  <label>Name</label>
  <input type="text" name="name">
  <label>Lastname</label>
  <input type="text" name="lastname">
  <input type="reset" value="Reset">
</form>

Note, in particular, that I have inserted the onreset event within the form tag.

After, as explained in the last lesson, we insert the following JavaScript code also in the same page for simplicity.

Inside the confirm method we then write if you want to reset the module.



function confirmation() {
  var reset = confirm("Do you want to reset the form?");
  return reset;
}

confirm JavaScript – example 2

Let’s take another very simple example of using the confirm () method, in which the window, after pressing the button, will display the choice we have made.

Try again to enter the data in the fields below and then press reset. The dialog box after pressing the button will tell you the choice you have made.

For the html we use the same form as before.

Ho modificato invece il codice JavaScript, per poter visualizzare, subito dopo, un alert che ci indica la scelta che abbiamo effettuato.

Usiamo un’istruzione condizionale, ovvero la funzione se … altrimenti, che controlla se il pulsante ok è stato premuto. Se è così useremo il metodo alert() per visualizzare che si è scelto di reimpostare i dati, altrimenti utilizzeremo sempre il metodo alert() per dire che si è scelto di premere annulla.

Ecco dunque l’esempio completo che utilizza JavaScript confirm:


function confirmation() {
  var reset = confirm("Do you want to reset the form?");
  if (reset === true){
       alert("You have chosen to reset your data!");
  }
  else {
      alert("You hit Cancel!");
  }
}