javascript-waarschuwing

| | | | | |

De alert () JavaScript-methode, ook wel Window.alert () genoemd), geeft een waarschuwingsvenster weer voor een gebruiker. Accepteer een optioneel berichtargument om een bericht met een OK-knop aan de gebruiker weer te geven. Veelvoorkomende toepassingen van alert () zijn om de gebruiker te laten weten dat een actie succesvol was of om fouten weer te geven.

De alert () methode is ook nuttig als ontwikkelingstool. Bijvoorbeeld het invoegen van een alert () in een functie om de indiening van een formulier af te handelen. Gewoonlijk wordt alert () geplaatst na de aanroep van event.preventDefault ().

Voor beoordeling, event. preventDefault () overschrijft gewoon het standaard omleidingsgedrag na het klikken op de verzendknop. Lees deze korte zelfstudie om gebeurtenis in meer detail te onderzoeken. preventieDefault ().

Wat is een JavaScript-waarschuwing () ?

JavaScript waarschuwing () geeft een pop-upvenster weer. U kunt een optioneel bericht als een tekenreeks verzenden om een aangepast bericht weer te geven. Een belangrijke opmerking over alert () is dat het alleen mag worden gebruikt om een bericht weer te geven waarin om bevestiging wordt gevraagd door op OK te klikken. Een bericht dat actie vereist, mag geen alert () gebruiken.

Een alert ()-dialoogvenster heeft veel toepassingen. Het kan worden gebruikt om successen of fouten weer te geven als onderdeel van een fetch ()-verzoek. Een ander gebruik is om alert () weer te geven in een functie om ervoor te zorgen dat het programma correct wordt uitgevoerd.

De JavaScript-syntaxis voor alert ()

De syntaxis for alert () is beknopt en eenvoudig. Bel eenvoudig alert () met een bericht als tekenreeks:

Hiermee verschijnt een dialoogvenster met de tekst `bericht`. Voer uw aangepaste bericht in als een tekenreeks om het weer te geven.

Het bericht is optioneel. Als er geen bericht is opgenomen, verschijnt er een leeg dialoogvenster met een OK-knop.

JavaScript alert () Voorbeelden

In de inleiding van dit artikel, beschouwd als een scenario voor gebruikers en ontwikkelaars om alert () te gebruiken. Laten we nu eens kijken hoe elk van hen zou worden geïmplementeerd. Laten we beginnen aan de kant van de ontwikkelaar. We gaan een ()-waarschuwing plaatsen in een functie die de indiening van het formulier afhandelt.

We beginnen met een basisformulier om in te loggen met gebruikersnaam en wachtwoord.

Wat geeft:

MLCDfjy1iblleL5clyn3Ghzw2BIrA1oRzbT4O 1mHnXypflpT 9sctJ9Zl5y9wTnTxGcmc3ZjIloAxpYuTsOLk8p5ix172NRBX FC1FBuss6BHAgRW8iq QR6mwaU24 pQOPM8BX

nu, bouwen we aan een functie te gaan naar onSubmits woning aan onze JavaScript vorm.

Vervolgens geven we deze functie door aan ons formulier in de eigenschap onSubmit.

Nu kunnen we klikken op de Connect-knop om te zien of we de functie met succes aan de module hebben gekoppeld. Nadat u op de knop hebt geklikt, krijgt u een dialoogvenster dat er als volgt uitziet: & nbsp;

 2gKbjV3n RGpVj1B7s2ButGGHMhcWLmZPhaK7tlBjG3TAzT Ud0OVvshHmMJ3Ua6PdB4QNhtoepZhyYOHCVVJa8mIF4vm2HZlJYxhp> gnPhaK7tlBjG3TAzT Ud0OVvshHmMJ3Ua6PdB4QNhtoepZhyYOHCVVJa8mIF4vm2HZlJYxhpGnPhaK7tlBjG3TAzT Wij kennen onze functie, hebben we gedefinieerd is om te communiceren met onze module. JavaScript <code> alert () </code> geeft ons een gemakkelijke manier om de stroom van ons programma te controleren .</p><p>Laten we voor ons volgende voorbeeld eens kijken hoe we succes- en foutmeldingen kunnen weergeven in een <code>fetch ()</code>-verzoek.<br></p> <p>In dit voorbeeld hebben we een verzoek om een winkelwagentje op te halen in een e-commercetoepassing . We sturen een verzoek om te zien of een huidig winkelwagentje is gearchiveerd. Als we het verzoek tot het einde voortzetten, hebben we een waarschuwing <code>()</code> die eventuele fouten weergeeft.<br></p><p>Omdat er geen mandje actief is, krijgen we deze foutmelding:<br></p><figure class =  TZ2ClSAvgCOCLI9QsEMk47tUkqAunrnnt745 XtLTFBX9btvSCaPukqr KJGeG8 XNNmUdr8hv6233Qqkt4hi AEgnZNtl3XYHPhxvov xutWhMkIEieu5cUmhhI0d8OEf3ErlCb1

Dit is vooral nuttig bij het ontwikkelen vervaardigen, maar dezelfde principes kunnen worden toegepast als formuliervalidatie bijvoorbeeld.

Hier zal de alert () foutmeldingen weergeven die horen bij een inlogformulier naar een gebruiker die probeert in te loggen zonder het formulier in te vullen, krijgen we deze fouten:

 FMSCkcJjfuBGgsgYT2y1LoOSDrKCUOMK3ydEYhiEIr4FbCwC7DPqzot1 88U5XAWOv1XBqyqKSBUPDcOp2w HHnMM9OSwxblOGRQ2bMXRhysRMD9sMSx08eLx5sC2t6KJ1G Hst2e

Dit is een voorbeeld van hoe u de gebruikerservaring kunt targeten met behulp van alert () om validaties weer te geven.

We hebben gezien hoe alert () kan zowel aan de ontwikkelingskant als aan de klantkant worden gebruikt - wat de gebruiker ziet. Laten we even de tijd nemen om samen te vatten wat we hebben geleerd.

Conclusie

JavaScript alert () is een eenvoudige methode die veel uitgebreid wordt gebruikt. Er is een optioneel argument van een bericht nodig als het gegevenstype van de tekenreeks. Er is een dialoogvenster met het bericht en een OK-knop. Onthoud dat alert () uitsluitend bedoeld is om berichten weer te geven en geen actie kan uitvoeren.

In onze voorbeelden hebben we gezien hoe alert () kan in de ontwikkeling worden gebruikt om de communicatie van een functie en een module te volgen. We hebben dus gezien hoe alert () foutmeldingen kan weergeven aan de ontwikkelingskant van een ophaalverzoek. In ons laatste voorbeeld hebben we gezien hoe alert () kan worden gebruikt om validatiefouten in een formulier aan een gebruiker te geven.

U zou nu moeten begrijpen hoe de huidige () waarschuwing wordt gebruikt. Probeer het uit in uw volgende JavaScript-project om verschillende functies te testen.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method