Walidacja e-mail HTML-HTML5
Walidacja formularza jest niezbędna do zapobiegania niewłaściwym użyciu formularzy online przez nieautoryzowanych użytkowników. Niewłaściwa walidacja danych formularza jest jednym z głównych powodów problemu bezpieczeństwa. Wprowadza stronę internetową na poprawki nagłówka, skrypty między stronami i ataki SQL Booster. Mówiąc dokładniej, sprawdzanie poprawności e -mail jest procedurą ustalenia, czy określony adres e -mail jest aktywny i dostępny.
Ten post wyjaśni różne metody sprawdzania poprawności e -maila HTML5:
- Metoda 1: Walidacja e -maila poprzez definiowanie wzorca w elemencie wejściowym
- Metoda 2: Walidacja e -maila według wprowadzania „Wpisz” jako e -mail
Metoda 1: Walidacja e -maila poprzez definiowanie wzorca w elemencie wejściowym
W celu sprawdzania poprawności e -mail HTML5 utwórz formularz za pomocą „”Element i dodaj element wejściowy i określ typ wejściowy jako„e-mail”I zdefiniuj wzór wiadomości e -mail.
Krok 1: Utwórz formularz
Aby zaprojektować formularz, użyj „„Element na stronie HTML.
Krok 2: Włóż etykietę
Następnie dodaj „„Element do zdefiniowania etykiety w formie. Następnie osadzaj tekst między znacznikiem etykiety, aby wyświetlić na stronie internetowej.
Krok 3: Dodaj element wejściowy
Następnie wstaw „„”Element do utworzenia pola wejściowego i dodania następujących atrybutów w elemencie wejściowym:
- "typ”Atrybut określa typ wejściowy w formie. W tym scenariuszu wartość „typ”Atrybut jest określony jako„e-mail”, Który pozwala użytkownikowi wprowadzać tylko dane e -mail w polu wejściowym.
- "wzór”Określa wyrażenie regularne, że„„Wartość elementu jest sprawdzana w stosunku do przesłania formularza.
- "symbol zastępczy„Przydziela krótką wskazówkę, która opisuje oczekiwaną wartość pola wejściowego lub TEXTAREA:
W rezultacie użytkownik może dodać wiadomość e -mail w polu wejściowym:
Jeśli jednak użytkownicy spróbują wprowadzić nieprawidłowy e -mail, formularz nie przesyła:
Metoda 2: Walidacja e -maila według wprowadzania „Wpisz” jako e -mail
Użytkownik może również dodać wiadomość e -mail, określając typ wejściowy jako „e-mail”, Obsługuje tylko dane, które składają się z adresu e -mail:
Wyjście
To wszystko o metodach sprawdzania poprawności e -maili HTML5.
Wniosek
W sprawie sprawdzania poprawności e -mail HTML5 najpierw zaprojektuj formularz za pomocą „”Element i dodaj„”Element i określ wejście„typ" Jak "e-mail”I zdefiniuj„wzór”Określając określony wzór wiadomości e -mail. Z drugiej strony użytkownik nie może wprowadzić innego rodzaju danych w określonym polu. Ten samouczek pokazał metody sprawdzania poprawności e -maila HTML5.