Set Password

You are reading an outdated document

Get the latest developer guides on Fynd Partners Help

Set Password

The Set Password allows a user to set a new password for an already registered user. After verifying the Forgot password link sent to the user email with the code user can set a new password.

Example:

The below example will render a Set password.

                <div class="set-wrapper">
                    <div class="set-content-title">set Password?</div>
                    <div
                        :class="{
                            'set-input-group': true,
                            'error-input': formData.password.showError,
                        }"
                    >
                        <label class="set-input-title" for="newPassword"
                            >New Password</label
                        ><input
                            type="password"
                            name="newPassword"
                            required=""
                            v-model="formData.password.value"
                            @input="validatePassword(), isShowSetButtonCheck()"
                        />
                        <p class="error-text">
                            {{ formData.password.errMessage }}
                        </p>
                    </div>

                    <div
                        :class="{
                            'set-input-group': true,
                            'error-input': formData.confirmPassword.showError,
                        }"
                    >
                        <label class="set-input-title" for="confirmNewPassword"
                            >Confirm New Password</label
                        ><input
                            type="password"
                            name="confirmNewPassword"
                            required=""
                            @input="
                                validateConfirmPassword(),
                                    isShowSetButtonCheck()
                            "
                            v-model="formData.confirmPassword.value"
                        />
                        <p class="error-text">
                            {{ formData.confirmPassword.errMessage }}
                        </p>
                    </div>
                    <div class="login-alert alert-error" v-if="isInValidForm">
                        <span class="alert-message">{{
                            inValidFormErrorMsg
                        }}</span>
                    </div>

                    <button
                        class="set-submit-btn secondary-btn"
                        type="submit"
                        :disabled="!isShowSetButton"
                        @click="setPasswordBtnClick(accountData)"
                    >
                        set Password
                    </button>
                </div>