Dialogs - Alert, Prompt, Confirmation in JavaScript
JavaScript supports 3 important dialog types. These dialogs can be used to notify, confirm input, or receive input from users. Below we discuss each type of dialog box.
Message dialog box (Alert)
A notification dialog (Alert Dialog Box) is most commonly used to alert users. For example, if an input field requires entering some text but the user does not provide any input, then as part of the confirmation, you can use the notification dialog to bring a scene. newspaper.
However, a message box may still be used for more friendly notifications. The message box only provides an OK button to select and continue.
For example
Click the following button to see the result: type = "button" value = "Click Me" onclick = " Warn (); " />
Result
Follow the above method to see the results
Confirmation dialog box
A Confirmation Dialog is most commonly used to receive user consent on any of the options. It displays a dialog box with two buttons: OK and Cancel .
If the user clicks the OK button, the confirm () method will return true. If the user clicks the Cancel button, confirm () returns false. You can use a confirmation dialog as follows:
For example
Click the following button to see the result: type = "button" value = "Click Me" onclick = " getConfirmation (); " />
Result
Follow the above method to see the results
Suggested dialog box (Prompt)
The hint dialog (Prompt Dialog Box) is very useful when you want to pop-up a text box to receive user input. Therefore, it gives you the ability to interact with users. Users need to fill in that field and then click OK.
This dialog box is displayed using a method called prompt () that takes two parameters: (i) A label that you want to display in the text box and (ii) A default string to display in the text box copy.
This dialog box has two buttons: OK and Cancel . If the user clicks the OK button, the prompt () method will return the value entered from the text box. If the user presses the Cancel button, the prompt () method returns null .
For example
The following is an example of how to use a Prompt dialog box.
Click the following button to see the result: type = "button" value = "Click Me" onclick = " getValue (); " />
Result
Follow the above method to see the results
According to Tutorialspoint
Previous post: Page navigation (Redirect) in JavaScript
Next article: Void keyword in JavaScript
You should read it
- How does the Run dialog know which application on the system is located?
- How to turn off the delete confirmation dialog in Outlook
- 7 ways to open the Run dialog box in Windows
- How to enable / disable the delete delete confirmation dialog box
- Use the Font format text dialog box in PowerPoint
- How to use the Run command quickly without opening the Run dialog box
- Use the Run dialog box to check the computer configuration
- How to display confirmation when deleting files on Windows 8
- Customize Vista dialog boxes
- Fix the Yes button error in UAC disappearing or graying out in Windows 10
- How to Run a Batch File from the Command Line on Windows
- Quickly open the tools in Control Panel with Run