RegisterForm

Domain

Registration form with email, password, and confirm-password fields. Real-time password match validation and server-error support.

Preview

Code

<%- include('modules/domain/common/auth/RegisterForm', {
  action: '/auth/register',
  method: 'post'
}) %>

Preview

Code

<%- include('modules/domain/common/auth/RegisterForm', {
  action: '/auth/register',
  errors: {
    email: 'Enter a valid email address.',
    password: 'Password must be at least 8 characters.'
  }
}) %>

<%
  var _action = locals.action || '#';
  var _method = locals.method || 'post';
  var _error  = locals.error  || '';
  var _errors = locals.errors || {};
%>

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

  <%- include('../../../ui/Input', {
    id: 'register-email',
    label: 'Email',
    type: 'email',
    name: 'email',
    required: true,
    placeholder: 'you@example.com',
    iconLeft: '',
    error: _errors.email
  }) %>

  <%- include('../../../ui/Input', {
    id: 'register-password',
    label: 'Password',
    type: 'password',
    name: 'password',
    required: true,
    hint: 'Minimum 8 characters',
    iconLeft: '',
    error: _errors.password
  }) %>

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

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

RegisterForm

Default

With field errors