ChangePasswordForm

Domain

Current password + new password + confirm fields with match validation and server-error banner.

Preview

Code

<%- include('modules/domain/common/auth/ChangePasswordForm', {
  action: '/account/change-password'
}) %>

Preview

Code

<%- include('modules/domain/common/auth/ChangePasswordForm', {
  action: '/account/change-password',
  errors: { confirmPassword: "Passwords don't match." }
}) %>

<%
  var _action = locals.action || '#';
  var _method = locals.method || 'post';
  var _error  = locals.error  || '';
  var _errors = locals.errors || {};
  var _formId = locals.formId || ('chgpw-form-' + Math.random().toString(36).substr(2, 9));
%>

  <% if (_error) { %>
  
    
    <%= _error %>
  
  <% } %>

  <%- include('../../../ui/Input', {
    id: 'current-password',
    label: 'Current Password',
    type: 'password',
    name: 'currentPassword',
    required: true,
    iconLeft: '',
    error: _errors.currentPassword
  }) %>

  <%- include('../../../ui/Input', {
    id: 'new-password',
    label: 'New Password',
    type: 'password',
    name: 'newPassword',
    required: true,
    iconLeft: '',
    error: _errors.newPassword
  }) %>

  <%- include('../../../ui/Input', {
    id: 'confirm-password',
    label: 'Confirm New Password',
    type: 'password',
    name: 'confirmPassword',
    required: true,
    iconLeft: '',
    error: _errors.confirmPassword
  }) %>

  <%- include('../../../ui/Button', {
    type: 'submit',
    fullWidth: true,
    children: 'Update Password'
  }) %>

ChangePasswordForm

Default

With mismatch error