Reset Password Form

Generate necessary <form> markup to reset a user's password.


The form

Here’s a basic reset password form. A user will enter and confirm their new password.

Since we don’t set a redirect parameter, the user will come right back here after submitting, where the success condition will kick in and they will be shown a success message.

{{ user:reset_password_form }}

    {{ if success }}

        <p class="alert alert-success">Password has been reset.</p>

    {{ elseif url_invalid }}

        <p class="alert alert-danger">This reset URL is invalid.</p>

    {{ else }}

        {{ if errors }}
            <div class="alert alert-danger">
                {{ errors }}
                    {{ value }}<br>
                {{ /errors }}
            </div>
        {{ /if }}

        <label>Password</label>
        <input type="password" name="password" />

        <label>Password Confirmation</label>
        <input type="password" name="password_confirmation" />

        <button>Submit</button>

    {{ /if }}

{{ /user:reset_password_form }}

Visiting the URL containing this form directly will result in triggering the url_invalid conditional. The URL needs to have the appropriate user and code query parameters. These can be created using a user:forgot_password_form.


Parameters

redirect

string

The URL the user will be taken after the form is successfully submitted. Leaving this blank will keep the user on the same page.


Variables

success

boolean

This will be true if the form has been submitted successfully. If you don't use the redirect parameter, you can keep your users on the same page and show a success message.

url_invalid

boolean

This will be true if the code query parameter is missing/incorrect, or if the user query parameter is invalid.

errors

array

An array of validation errors.

Last modified on March 31, 2016