Find Password

Explains how to implement a page for recovering a password.

Data Identifier

{
  "dataID": "FIND_PASSWORD"
}
KeyDescription
dataIDMember authentication identifier

HTML

<form id="frm_find_password">
    <input type="hidden" id="return_url" name="return_url" value="/user/sign-in">
    <label for="email">Email</label>
    <input id="email" name="email" type="text">
    <button type="submit">Find password</button>
</form>
  • form
    <form id="frm_find_password"></form>

    Find password form

  • return_url
    <input type="hidden" id="return_url" name="return_url" value="/user/sign-in">

    URL to move to after the temporary password is sent (defaults to the site index if not provided)

  • email
    <input id="email" name="email" type="text">

    User's email

  • button
    <button type="submit"></button>

    Form submit button

Response Result

  • If the entered email exists, a temporary password is sent and the user is redirected to return_url.

Example

A temporary password will be sent to the email you registered at sign-up. 
<form id="frm_find_password" class="col-12 col-md-7 mx-md-auto" method="post"><input type="hidden" id="return_url" name="return_url" value="/user/sign-in">
    <div class="my-1"><label class="sr-only">Email</label><input id="email" name="email" class="form-control" data-validation="email" data-validation-type="replace" type="text" placeholder="Email">
        <small class="form-text">A temporary password will be sent to the email you registered at sign-up.</small>
    </div>
    <div class="form-group mt-4">
        <button class="btn btn-outline-dark border-hbnc-primary bg-hanbnc-primary-3 w-100 border border-3" type="submit">Find password</button>
    </div>
</form>

Related Links