zitadel/internal/ui/login/static/templates/change_password.html

{{template "main-top" .}}

<h1>{{t "PasswordChange.Title"}}</h1>
<p>{{t "PasswordChange.Description"}}</p>

<form action="{{ changePasswordUrl }}" method="POST">

    {{ .CSRF }}

    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />

    <div class="fields">
        <div class="field">
            <label class="label" for="change-old-password">{{t "PasswordChange.OldPassword"}}</label>
            <input class="input" type="password" id="change-old-password" name="change-old-password" autocomplete="current-password" autofocus required>
        </div>

        <div class="field">
            <label class="label" for="change-new-password">{{t "PasswordChange.NewPassword"}}</label>
            <input data-minlength="{{ .MinLength }}"
                   data-has-uppercase="{{ .HasUppercase }}"
                   data-has-lowercase="{{ .HasLowercase }}"
                   data-has-number="{{ .HasNumber }}"
                   data-has-symbol="{{ .HasSymbol }}"
                   class="input"
                   type="password"
                   id="change-new-password"
                   name="change-new-password"
                   autocomplete="new-password"
                   required>
            {{ .PasswordPolicyDescription }}
        </div>

        <div class="field">
            <label class="label" for="change-password-confirmation">{{t "PasswordChange.NewPasswordConfirmation"}}</label>
            <input class="input" type="password" id="change-password-confirmation" name="change-password-confirmation" autocomplete="new-password" required>
        </div>
    </div>

    {{ template "error-message" .}}

    <div class="actions">
        <button type="submit" id="change-password-button" name="resend" value="false" class="primary right" disabled>{{t "Actions.Next"}}</buttontype="submit">
    </div>
</form>

<script src="{{ resourceUrl "scripts/form_submit.js" }}"></script>
<script src="{{ resourceUrl "scripts/password_policy_check.js" }}"></script>
<script src="{{ resourceUrl "scripts/change_password_check.js" }}"></script>


{{template "main-bottom" .}}