@webshop/root - v1.0.0
    Preparing search index...

    Registratie formulier component.

    Toont een formulier waarmee een nieuwe gebruiker een account kan aanmaken. Valideert de invoer voordat het verzoek naar de server gestuurd wordt.

    Hierarchy

    • LitElement
      • RegisterComponent
    Index

    Other

    • Returns RegisterComponent

    _city: string = ""

    De ingevulde stad

    _country: string = ""

    Het ingevulde land

    _email: string = ""

    Het ingevulde e-mailadres

    _errorMessage: string = ""

    De foutmelding die getoond wordt bij een mislukte registratie

    _invalidFields: Set<string> = ...

    De set van veldnamen die rood gemarkeerd moeten worden

    _name: string = ""

    De ingevulde gebruikersnaam

    _password: string = ""

    Het ingevulde wachtwoord

    _password2: string = ""

    Het herhaalde wachtwoord

    _passwordService: PasswordService = ...
    _postal: string = ""

    De ingevulde postcode

    _registerService: RegisterService = ...
    _showPassword: boolean = false

    Of het eerste wachtwoord zichtbaar is

    _showPassword2: boolean = false

    Of het tweede wachtwoord zichtbaar is

    _successMessage: string = ""

    De succesboodschap die getoond wordt bij een geslaagde registratie

    • Verwijdert alle ongeldige markeringen van de velden.

      Returns void

    • Controleert of een veld ongeldig is.

      Parameters

      • field: string

        De naam van het veld om te controleren

      Returns boolean

      true als het veld ongeldig is, anders false

    • Markeert de opgegeven velden als ongeldig.

      Parameters

      • fields: string[]

        De namen van de velden die rood gemarkeerd moeten worden

      Returns void

    • Verwerkt het registratieverzoek wanneer de gebruiker op de knop klikt.

      Controleert eerst of de wachtwoorden overeenkomen en of het wachtwoord sterk genoeg is. Daarna wordt het verzoek naar de server gestuurd. Bij succes wordt de gebruiker doorgestuurd naar de loginpagina. Bij een fout wordt de juiste foutmelding getoond en het juiste veld rood gemarkeerd.

      Returns Promise<void>

    • Tekent het registratie formulier.

      Returns TemplateResult

      De HTML template van het formulier

    styles

    styles: CSSResult[] = ...

    Array of styles to apply to the element. The styles should be defined using the css tag function, via constructible stylesheets, or imported from native CSS module scripts.

    Note on Content Security Policy:

    Element styles are implemented with <style> tags when the browser doesn't support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include 'unsafe-inline' or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

    To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page's HTML, before loading application code:

    <script>
    // Generated and unique per request:
    window.litNonce = 'a1b2c3d4';
    </script>