Wat kan makliker wees as die opstel van 'n HTML-vorm wat e-posadresse vasvang, sê vir 'n nuusbrief of kennisgewings? As jy 'n e-pos adres mistypen in die vorm, dan moet u blaaier die foutiewe adres onthou vir al die aanmeldingsvorms wat u moet ontvang.
As jy e-posadresse wil bevestig wat in jou vorm ingevul is, maar vermy ingewikkelde tekeninge en skrifte, kan jy met HTML5 staatmaak op die leser - sonder moeite en sonder om JavaScript te verander.
Valideer e-posadresse met HTML5
Om gebruikers se blaaiers te evalueer, word e-posadresse bevestig soos hulle hulle in jou HTML-webbladsy ingevoer het:
- Maak seker jy gebruik HTML5.
- Jy kan dit doen deur te gebruik.
- Spesifiseer die e-pos-element van die e-pos-vorm as tipe "e-pos". (Sien hieronder vir 'n voorbeeld.)
Blaaiers wat nie tipe = "e-pos" herken nie, moet (en sover dit alles kan vertel) die insetveld soos 'n gewone tipe = "teks" -veld behandel.
HTML5 Email Address Validation Caveats
Let daarop dat die bevestiging van HTML-e-posadresse net in blaaiers sal werk wat HTML5 ondersteun en die vorm element-invoer valideer. Vir ander blaaiers en rugsteun kan u e-posadresse met behulp van PHP nog steeds validiseer .
Browsers wat die validering van HTML5-e-posadresse ondersteun, sluit in Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ en Opera 10+. Safari 5 en Google Chrome 6-8 aanvaar nie ongeldige e-posinvoer nie, maar help nie die gebruiker om die fout reg te stel nie, anders as die ander blaaiers.
HTML5 e-pos adres validatie voorbeeld
Om gebruikers se blaaiers te betrek om e-posadresse met HTML5 te bevestig, gebruik die volgende kode, byvoorbeeld: