Member Authentication

Explains how to implement password-based authentication before using member-related features such as editing member information.
On successful authentication, the user is redirected to the specified URL with an authentication token included, and the token is valid for 10 minutes.

Data Identifier

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

HTML

<form id="frm_auth_user" data-return-url="/member/modify">
    <label for="password">Password</label>
    <input type="password" id="password" name="password" data-validation="password-8-32">
    <button type="submit">Confirm</button>
</form>
  • form
    <form id="frm_auth_user" data-return-url="/member/modify"></form>

    Member authentication form; once authentication is complete, it moves to the URL in data-return-url. frm_auth_user is required.

  • password
    <input type="password" id="password" name="password" data-validation="password-8-32">

    Member's password

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

    Clicking the button submits the form.

Response Result

  • On successful authentication, the user is redirected to the data-return-url with the authentication token added as a GET parameter.
  • e.g. /your/return/url?token=[AUTH_TOKEN]
  • [AUTH_TOKEN] is required on pages such as the member information edit page, and the token expires after 10 minutes.

Example

Please enter a valid password 4-8 characters including numbers, upper and lower case letters, and special characters
Cancel 
<form id="frm_auth_user" data-return-url="/member/modify" data-validation-alert="no">
    <div class="row">
        <div class="col-12 col-lg-6 offset-lg-3 mt-3 p-3">
            <label for="password" class="form-label sr-only">Password</label>
            <input type="password" class="form-control" id="password" name="password" data-validation="password-8-32" data-invalid-message="Please enter a valid password" placeholder="Enter your password.">
            <small class="invalid-feedback">
                Please enter a valid password
            </small>
            <small class="help-block">
                4-8 characters including numbers, upper and lower case letters, and special characters
            </small>
        </div>
        <div class="col-12 mb-3">
            <div class="text-center">
                <button type="submit" class="mx-1 btn border-hbnc-primary bg-hanbnc-primary-3 border border-3 px-4">Confirm</button>
                <a href="/member/mypage" class="mx-1 btn border-gray-default-op-50 bg-gray-light border border-3 px-4">Cancel</a>
            </div>
        </div>
    </div>
</form>

Related Links