bank.barclays.co.uk
Open in
urlscan Pro
23.222.45.131
Public Scan
URL:
https://bank.barclays.co.uk/olb/authlogin/loginAppContainer.do
Submission: On February 27 via manual from CH — Scanned from DE
Submission: On February 27 via manual from CH — Scanned from DE
Form analysis 2 forms found in the DOM
<form></form>Name: loginStep1 —
<form id="loginStep1" name="loginStep1" autocomplete="off" novalidate="" show-errors-if-any="false" class="ng-pristine ng-invalid ng-invalid-required"> <!-- ngIf: serverErrorMessagesObj.headerErrors.errorLength -->
<!-- ngIf: loginStep1[globalErrorFormName] != undefined && loginStep1[globalErrorFormName].formSubmitted --> <!-- ngIf: loadBrowserAlert -->
<div class="mb-24 ng-scope" ng-if="loadBrowserAlert"> <browser-alert><!-- ngIf: content.display --></browser-alert> </div><!-- end ngIf: loadBrowserAlert --> <!-- ngIf: browser.valid -->
<div ng-if="browser.valid" class="ng-scope"> <cookie-policy class="ng-scope"><!-- ngIf: content.display --></cookie-policy> <header-content class="ng-scope">
<div class="marginHead"> <b-text id="header-change" class="head-color ng-isolate-scope" type="h2" b-data="How would you like to log in?" dss-dda-component="DDA Specific Component Attribute">
<h2>How would you like to log in?</h2>
</b-text> </div>
<div class="marginHeadSubheader"> <b-text id="headerContent" type="span" class="font16px font-family ng-isolate-scope" b-data="Not registered for Online Banking?" dss-dda-component="DDA Specific Component Attribute"><span>Not registered for
Online Banking?</span></b-text> <a class="normal " id="1gq94rts1" tabindex="" href="/olb/registration/registerAppContainer.do" analytics-tag="" dss-dda-component="DDA Specific Component Attribute">
<span class="ng-binding ng-scope">Register now</span></a><span class="dotStyle">.</span> </div>
</header-content> <!-- ngIf: !mobileView -->
<div ng-if="!mobileView" class="ng-scope">
<div class="spaceTab theme-barclays ng-isolate-scope" id="loginTypeSelection" is-content="false" click="loginTypeChange" selected-tab="selectedTab" data="tabsLogin" analytics-tag="b-radio" analytics-label="loginType"
dss-dda-component="DDA Specific Component Attribute">
<div class="m-tab-nav">
<div class="m-tab-nav__body has-finished-scroll">
<!-- contain tabs within tablist container -->
<ul class="m-tab-nav__items" role="tablist">
<!-- mark-up tabbed element - e.g. link -- with tab role -->
<!-- incidate selected tab for SRs with aria-selected -->
<!-- have it link to controller panel div and associate with aria controls -->
<!-- ngRepeat: value in dataTabs track by $index -->
<li ng-keydown="keyPressed($event, currentSelected)" ng-click="openTab($event, $index, currentSelected)" data-tab-active="tab_key_0" ng-repeat="value in dataTabs track by $index" class="m-tab-nav__item ng-scope" role="presentation">
<!-- mark-up tabbed element - e.g. link -- with tab role -->
<!-- indicate selected tab for SRs with aria-selected -->
<!-- have it link to controller panel div and associate with aria controls -->
<!--exlude tabs from focus order with tabindex -->
<!-- communicate non-selection state with aria-selected -->
<button id="loginTypeSelection_tab_button_0" ng-class="{'is-active':selectedTab=='tab_key_'+$index}" class="a-tab ng-binding is-active" role="tab" ng-attr-aria-selected="{{selectedTab=='tab_key_'+$index ? true: false}}"
aria-controls="tab_key_0" aria-selected="true" tabindex="0"> Membership number </button>
</li><!-- end ngRepeat: value in dataTabs track by $index -->
<li ng-keydown="keyPressed($event, currentSelected)" ng-click="openTab($event, $index, currentSelected)" data-tab-active="tab_key_0" ng-repeat="value in dataTabs track by $index" class="m-tab-nav__item ng-scope" role="presentation">
<!-- mark-up tabbed element - e.g. link -- with tab role -->
<!-- indicate selected tab for SRs with aria-selected -->
<!-- have it link to controller panel div and associate with aria controls -->
<!--exlude tabs from focus order with tabindex -->
<!-- communicate non-selection state with aria-selected -->
<button id="loginTypeSelection_tab_button_1" ng-class="{'is-active':selectedTab=='tab_key_'+$index}" class="a-tab ng-binding" role="tab" ng-attr-aria-selected="{{selectedTab=='tab_key_'+$index ? true: false}}"
aria-controls="tab_key_1" aria-selected="false" tabindex="-1"> Card number </button>
</li><!-- end ngRepeat: value in dataTabs track by $index -->
<li ng-keydown="keyPressed($event, currentSelected)" ng-click="openTab($event, $index, currentSelected)" data-tab-active="tab_key_0" ng-repeat="value in dataTabs track by $index" class="m-tab-nav__item ng-scope" role="presentation">
<!-- mark-up tabbed element - e.g. link -- with tab role -->
<!-- indicate selected tab for SRs with aria-selected -->
<!-- have it link to controller panel div and associate with aria controls -->
<!--exlude tabs from focus order with tabindex -->
<!-- communicate non-selection state with aria-selected -->
<button id="loginTypeSelection_tab_button_2" ng-class="{'is-active':selectedTab=='tab_key_'+$index}" class="a-tab ng-binding" role="tab" ng-attr-aria-selected="{{selectedTab=='tab_key_'+$index ? true: false}}"
aria-controls="tab_key_2" aria-selected="false" tabindex="-1"> Sort code and account number </button>
</li><!-- end ngRepeat: value in dataTabs track by $index -->
</ul>
</div>
<!-- contain panels within containers with tabpanel role -->
<!-- allow programmatic focus onto tab panel with tabindex -->
<!-- associate with tab with aria-labelledby -->
<!-- ngIf: isContent -->
</div>
</div>
<div class="tab-body p-0">
<div id="tab_key_0" class="tabcontent" role="tabpanel" aria-label="Membership number tab" style="display: block;"> <!-- ngInclude: undefined --><ng-include src="membershipNumberTemplate" class="ng-scope"><ng-form id="membershipForm"
name="membershipForm" autocomplete="off" novalidate="" show-errors-if-any="false" class="ng-scope ng-pristine ng-valid">
<div class="MemNoInput">
<div class="ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" dss-dda-component="DDA Specific Component Attribute">
<div class="form-item" ng-class="{'has-error': (formController.showErrorsIfAny && formController['surname'].$invalid) ||
(formController['surname'].$invalid && formController['surname'].$dirty && validationErrors)}">
<label class="label">
<span for="surnameMem" id="label-surnameMem">Last name</span>
<label for="surnameMem" id="extraLabelData-surnameMem" class="visuallyhidden ng-binding" aria-hidden="true"></label>
<!-- ngIf: tooltipconfig -->
</label>
<div class="input-wrapper" ng-class="{'image-at-right': showImg}">
<span class="input-prefix"></span>
<span class="input-suffix"></span>
<input ng-attr-tabindex="" aria-labelledby="label-surnameMem extraLabelData-surnameMem" aria-describedby=" input-err-1gq94ru49" class="input ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3"
id="surnameMem" name="surname" ng-model="model.surnameMem.value" type="text" maxlength="24" ng-blur="trimLastname(model.surnameMem.value, 'surnameMem')"
mca-validator-extended="AppName.Module.nameValidation | this.formController.surname" autocomplete="family-name" aria-autocomplete="inline" validator-event="blur" supportglobalerror="true" aria-required="true" analytics-tag=""
aria-invalid="false">
<!-- ngIf: showImg -->
</div>
<div id="input-err-1gq94ru49" aria-hidden="true">
<p class="no-margin" aria-live="assertive">
<!-- ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error -->
<!-- ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error -->
</p>
</div>
</div>
</div>
</div>
<div class="membershipNumber">
<div class="ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" dss-dda-component="DDA Specific Component Attribute">
<div class="form-item" ng-class="{'has-error': (formController.showErrorsIfAny && formController['membership'].$invalid) ||
(formController['membership'].$invalid && formController['membership'].$dirty && validationErrors)}">
<label class="label">
<span for="membership0" id="label-membership0">Membership number (12 digits)</span>
<label for="membership0" id="extraLabelData-membership0" class="visuallyhidden ng-binding" aria-hidden="true"></label>
<!-- ngIf: tooltipconfig --><span tabindex="0" ng-if="tooltipconfig" b-tooltip=""
tooltipconfig="{"arrowPosition":"left center","boxPosition":"right center","qtipContent":{"text":"<p>You will have received this number in the post when you first signed up to Online Banking</p>","customAriaText":"You will have received this number in the post when you first signed up to Online Banking"},"iconClass":"icon-question","mobileConfig":{"arrowPosition":"bottom center","boxPosition":"top center"}}"
id="described-membership0" class="ng-scope ng-isolate-scope icon iconSpacing dsstooltip icon-question" role="button" aria-label="You will have received this number in the post when you first signed up to Online Banking"
data-hasqtip="2"></span><!-- end ngIf: tooltipconfig -->
</label>
<div class="input-wrapper" ng-class="{'image-at-right': showImg}">
<span class="input-prefix"></span>
<span class="input-suffix"></span>
<input ng-attr-tabindex="" aria-labelledby="label-membership0 extraLabelData-membership0" aria-describedby="described-membership0 input-err-1gq94ru4b"
class="input ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" id="membership0" name="membership" ng-model="model.membershipNum.value" type="text" aria-label="12 digits"
mca-validator-extended="AppName.Module.membershipValidation | this.formController.membership" validator-event="blur" supportglobalerror="true" maxlength="12" tooltipconfig="tooltipConfig('membership')"
autocomplete="membership" aria-autocomplete="inline" aria-required="true" analytics-tag="" aria-invalid="false">
<!-- ngIf: showImg -->
</div>
<div id="input-err-1gq94ru4b" aria-hidden="true">
<p class="no-margin" aria-live="assertive">
<!-- ngRepeat: (key, value) in formController['membership'].$error --><!-- ngIf: ((formController['membership'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['membership'].$invalid && formController['membership'].$dirty && currentState && validationErrors)) && formController['membership'].$error[key] --><!-- end ngRepeat: (key, value) in formController['membership'].$error --><!-- ngIf: ((formController['membership'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['membership'].$invalid && formController['membership'].$dirty && currentState && validationErrors)) && formController['membership'].$error[key] --><!-- end ngRepeat: (key, value) in formController['membership'].$error --><!-- ngIf: ((formController['membership'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['membership'].$invalid && formController['membership'].$dirty && currentState && validationErrors)) && formController['membership'].$error[key] --><!-- end ngRepeat: (key, value) in formController['membership'].$error --><!-- ngIf: ((formController['membership'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['membership'].$invalid && formController['membership'].$dirty && currentState && validationErrors)) && formController['membership'].$error[key] --><!-- end ngRepeat: (key, value) in formController['membership'].$error -->
<!-- ngRepeat: (key, value) in formController['membership'].$error --><!-- ngIf: ((formController['membership'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['membership'].$invalid && formController['membership'].$dirty && !currentState && validationErrors)) && formController['membership'].$error[key] --><!-- end ngRepeat: (key, value) in formController['membership'].$error --><!-- ngIf: ((formController['membership'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['membership'].$invalid && formController['membership'].$dirty && !currentState && validationErrors)) && formController['membership'].$error[key] --><!-- end ngRepeat: (key, value) in formController['membership'].$error --><!-- ngIf: ((formController['membership'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['membership'].$invalid && formController['membership'].$dirty && !currentState && validationErrors)) && formController['membership'].$error[key] --><!-- end ngRepeat: (key, value) in formController['membership'].$error --><!-- ngIf: ((formController['membership'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['membership'].$invalid && formController['membership'].$dirty && !currentState && validationErrors)) && formController['membership'].$error[key] --><!-- end ngRepeat: (key, value) in formController['membership'].$error -->
</p>
</div>
</div>
</div>
</div>
<div class="forgotMembershipLink"> <a class="normal " id="forgotMembershipLink" tabindex="" href="javascript:void(0)" ng-click="forgotMembership()" analytics-tag="" dss-dda-component="DDA Specific Component Attribute">
<span class="ng-scope">Don't know your membership number?</span></a> </div>
</ng-form></ng-include> </div>
<div id="tab_key_1" class="tabcontent" role="tabpanel" aria-label="Card number tab" style="display: none;"> <!-- ngInclude: undefined --><ng-include src="loginCardNumberTemplate" class="ng-scope"><ng-form id="cardNumberForm"
name="cardNumberForm" autocomplete="off" novalidate="" show-errors-if-any="false" class="ng-scope ng-pristine ng-valid">
<div class="MemNoInput">
<div class="ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" dss-dda-component="DDA Specific Component Attribute">
<div class="form-item" ng-class="{'has-error': (formController.showErrorsIfAny && formController['surname'].$invalid) ||
(formController['surname'].$invalid && formController['surname'].$dirty && validationErrors)}">
<label class="label">
<span for="surnameCardno" id="label-surnameCardno">Last name</span>
<label for="surnameCardno" id="extraLabelData-surnameCardno" class="visuallyhidden ng-binding" aria-hidden="true"></label>
<!-- ngIf: tooltipconfig -->
</label>
<div class="input-wrapper" ng-class="{'image-at-right': showImg}">
<span class="input-prefix"></span>
<span class="input-suffix"></span>
<input ng-attr-tabindex="" aria-labelledby="label-surnameCardno extraLabelData-surnameCardno" aria-describedby=" input-err-1gq94ru7g"
class="input ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" id="surnameCardno" name="surname" ng-model="model.surnameCardno.value" type="text" maxlength="24"
ng-blur="trimLastname(model.surnameCardno.value, 'surnameCardno')" autocomplete="family-name" aria-autocomplete="inline" mca-validator-extended="AppName.Module.nameValidation | this.formController.surname"
validator-event="blur" supportglobalerror="true" aria-required="true" analytics-tag="">
<!-- ngIf: showImg -->
</div>
<div id="input-err-1gq94ru7g" aria-hidden="true">
<p class="no-margin" aria-live="assertive">
<!-- ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error -->
<!-- ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error -->
</p>
</div>
</div>
</div>
</div> <card-number class="ng-scope">
<div id="cardNoInput" class="cardNoInput">
<div>
<div class="ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" dss-dda-component="DDA Specific Component Attribute">
<div class="form-item" ng-class="{'has-error': (formController.showErrorsIfAny && formController['cardNumber'].$invalid) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && validationErrors)}">
<label class="label">
<span for="cardNumber0" id="label-cardNumber0">Card number (16 digits)</span>
<label for="cardNumber0" id="extraLabelData-cardNumber0" class="visuallyhidden ng-binding" aria-hidden="true"></label>
<!-- ngIf: tooltipconfig --><span tabindex="0" ng-if="tooltipconfig" b-tooltip=""
tooltipconfig="{"arrowPosition":"left center","boxPosition":"right center","qtipContent":{"text":"<p>This can be found on the front of your Barclays debit, cash or authentication card.</p><p> <img src=\"/OLB/A/Content/Images/1321077818816-card_number_card.jpg\" alt=\"Card\" height=\"109\" width=\"168\"></p>","customAriaText":"This can be found on the front of your Barclays debit, cash or authentication card. "},"iconClass":"icon-question","mobileConfig":{"arrowPosition":"bottom center","boxPosition":"top center"}}"
id="described-cardNumber0" class="ng-scope ng-isolate-scope icon iconSpacing dsstooltip icon-question" role="button" aria-label="This can be found on the front of your Barclays debit, cash or authentication card. "
data-hasqtip="3"></span><!-- end ngIf: tooltipconfig -->
</label>
<div class="input-wrapper" ng-class="{'image-at-right': showImg}">
<span class="input-prefix"></span>
<span class="input-suffix"></span>
<input ng-attr-tabindex="" aria-labelledby="label-cardNumber0 extraLabelData-cardNumber0" aria-describedby="described-cardNumber0 input-err-1gq94ru8p"
class="input ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" id="cardNumber0" name="cardNumber" ng-model="model.cardNumber.value" maxlength="19" ng-keypress="validateCardNumber()"
ng-change="validateCardNumber()" tooltipconfig="tooltipConfig('cardno')" mca-validator-extended="AppName.Module.cardNumberValidation | this.formController.cardNumber" autocomplete="cc-number" aria-autocomplete="inline"
validator-event="blur" supportglobalerror="true" aria-required="true" analytics-tag="" aria-invalid="false">
<!-- ngIf: showImg -->
</div>
<div id="input-err-1gq94ru8p" aria-hidden="true">
<p class="no-margin" aria-live="assertive">
<!-- ngRepeat: (key, value) in formController['cardNumber'].$error --><!-- ngIf: ((formController['cardNumber'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && currentState && validationErrors)) && formController['cardNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['cardNumber'].$error --><!-- ngIf: ((formController['cardNumber'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && currentState && validationErrors)) && formController['cardNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['cardNumber'].$error --><!-- ngIf: ((formController['cardNumber'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && currentState && validationErrors)) && formController['cardNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['cardNumber'].$error --><!-- ngIf: ((formController['cardNumber'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && currentState && validationErrors)) && formController['cardNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['cardNumber'].$error -->
<!-- ngRepeat: (key, value) in formController['cardNumber'].$error --><!-- ngIf: ((formController['cardNumber'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && !currentState && validationErrors)) && formController['cardNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['cardNumber'].$error --><!-- ngIf: ((formController['cardNumber'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && !currentState && validationErrors)) && formController['cardNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['cardNumber'].$error --><!-- ngIf: ((formController['cardNumber'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && !currentState && validationErrors)) && formController['cardNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['cardNumber'].$error --><!-- ngIf: ((formController['cardNumber'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['cardNumber'].$invalid && formController['cardNumber'].$dirty && !currentState && validationErrors)) && formController['cardNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['cardNumber'].$error -->
</p>
</div>
</div>
</div>
</div>
</div>
</card-number>
</ng-form></ng-include> </div>
<div id="tab_key_2" class="tabcontent" role="tabpanel" aria-label="Sort code and account number tab" style="display: none;"> <!-- ngInclude: undefined --><ng-include src="sortCodeAndAccNumberTemplate" class="ng-scope"><ng-form
id="sortcodeForm" name="sortcodeForm" autocomplete="off" novalidate="" show-errors-if-any="false" class="ng-scope ng-pristine ng-invalid ng-invalid-required">
<div class="MemNoInput">
<div class="ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" dss-dda-component="DDA Specific Component Attribute">
<div class="form-item" ng-class="{'has-error': (formController.showErrorsIfAny && formController['surname'].$invalid) ||
(formController['surname'].$invalid && formController['surname'].$dirty && validationErrors)}">
<label class="label">
<span for="surnameSortcode" id="label-surnameSortcode">Last name</span>
<label for="surnameSortcode" id="extraLabelData-surnameSortcode" class="visuallyhidden ng-binding" aria-hidden="true"></label>
<!-- ngIf: tooltipconfig -->
</label>
<div class="input-wrapper" ng-class="{'image-at-right': showImg}">
<span class="input-prefix"></span>
<span class="input-suffix"></span>
<input ng-attr-tabindex="" aria-labelledby="label-surnameSortcode extraLabelData-surnameSortcode" aria-describedby=" input-err-1gq94ru3k"
class="input ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2 ng-valid-i-n-p3" id="surnameSortcode" name="surname" ng-model="model.surnameSortcode.value" type="text" maxlength="24"
ng-blur="trimLastname(model.surnameSortcode.value, 'surnameSortcode')" autocomplete="family-name" aria-autocomplete="inline" mca-validator-extended="AppName.Module.nameValidation | this.formController.surname"
validator-event="blur" supportglobalerror="true" aria-required="true" analytics-tag="">
<!-- ngIf: showImg -->
</div>
<div id="input-err-1gq94ru3k" aria-hidden="true">
<p class="no-margin" aria-live="assertive">
<!-- ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error -->
<!-- ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error --><!-- ngIf: ((formController['surname'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['surname'].$invalid && formController['surname'].$dirty && !currentState && validationErrors)) && formController['surname'].$error[key] --><!-- end ngRepeat: (key, value) in formController['surname'].$error -->
</p>
</div>
</div>
</div>
</div>
<div class="sortCodeInput">
<fieldset class="legendAlign multi-input-container form-item ng-scope ng-pristine ng-invalid ng-invalid-required ng-valid-i-n-p1 ng-valid-i-n-p2" id="sortCode" ng-class="{'has-error':
(formController['sortCode'].$invalid && formController['sortCode'].$dirty && validationErrors)
|| (formController.showErrorsIfAny && formController['sortCode'].$invalid)
}" separator="-" name="sortCode" format="XX-XX-XX" tooltipconfig="tooltipConfig('sortcode')" label="Sort code" ng-model="model.sortCode.value" model-arr="" input-config="configForSortCode" no-of-inputs="3"
mca-validator="AppName.Module.sortCodeValidation | modelArr" validate-field="true" validation-errors="true" analytics-tag="" aria-required="true" analytics-label="SortCode" dss-dda-component="DDA Specific Component Attribute">
<legend class="label">
<span id="label-sortCode">Sort code</span>
<!-- ngIf: tooltipconfig --><span tabindex="0" ng-if="tooltipconfig" b-tooltip=""
tooltipconfig="{"arrowPosition":"left center","boxPosition":"right center","qtipContent":{"text":"<p>Your sort code is a 6-digit number &ndash; eg 12-34-56. Your account number is 8 digits long. Both are on the front of your debit card.</p><p> <img src=\"/OLB/A/Content/Images/1321077850566-sortcode_account_number_card.jpg\" alt=\"Card\" height=\"113\" width=\"173\" /></p>","customAriaText":"Your sort code is a 6-digit number – eg 12-34-56. Your account number is 8 digits long. Both are on the front of your debit card. "},"iconClass":"icon-question","mobileConfig":{"arrowPosition":"bottom center","boxPosition":"top center"}}"
id="tooltip-sortCode" class="ng-scope ng-isolate-scope icon iconSpacing dsstooltip icon-question" role="button"
aria-label="Your sort code is a 6-digit number – eg 12-34-56. Your account number is 8 digits long. Both are on the front of your debit card. " data-hasqtip="0"></span><!-- end ngIf: tooltipconfig -->
</legend>
<div ng-class="{'row':inptConfig[1]['cls'].indexOf('col') !== -1}" class="row">
<!-- ngRepeat: i in arr track by $index -->
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 separator-hyphen first-input" ng-repeat="i in arr track by $index" ng-class="{'separator-hyphen': separatorSymbol === '-' && !$last,'first-input' : $first }">
<label for="sortCode-input-1" class="visuallyhidden ng-binding">sort code First 2 digits</label>
<!-- ngIf: separatorSymbol --><span ng-if="separatorSymbol" aria-hidden="true" class="hyphen ng-scope">-</span><!-- end ngIf: separatorSymbol -->
<span id="sortCode-1" class="sub-label ng-binding" aria-hidden="true"></span>
<input class="input ng-pristine ng-valid" maxlength="2" type="text" id="sortCode-input-1" aria-describedby="sortCode-1 additional-info-sortCode sortCode-error" ng-model="modelArr[$index]"
ng-keyup="updateModelValue($event, $index)" ng-blur="blurHandler($event)" ng-change="changeHandler()" separator="-" format="XX-XX-XX" tooltipconfig="tooltipConfig('sortcode')" model-arr="" input-config="configForSortCode"
no-of-inputs="3" validate-field="true" validation-errors="true" analytics-tag="" aria-required="true" analytics-label="SortCode">
</div><!-- end ngRepeat: i in arr track by $index -->
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 separator-hyphen" ng-repeat="i in arr track by $index" ng-class="{'separator-hyphen': separatorSymbol === '-' && !$last,'first-input' : $first }">
<label for="sortCode-input-2" class="visuallyhidden ng-binding">sort code Second 2 digits</label>
<!-- ngIf: separatorSymbol --><span ng-if="separatorSymbol" aria-hidden="true" class="hyphen ng-scope">-</span><!-- end ngIf: separatorSymbol -->
<span id="sortCode-2" class="sub-label ng-binding" aria-hidden="true"></span>
<input class="input ng-pristine ng-valid" maxlength="2" type="text" id="sortCode-input-2" aria-describedby="sortCode-2 additional-info-sortCode sortCode-error" ng-model="modelArr[$index]"
ng-keyup="updateModelValue($event, $index)" ng-blur="blurHandler($event)" ng-change="changeHandler()" separator="-" format="XX-XX-XX" tooltipconfig="tooltipConfig('sortcode')" model-arr="" input-config="configForSortCode"
no-of-inputs="3" validate-field="true" validation-errors="true" analytics-tag="" aria-required="true" analytics-label="SortCode">
</div><!-- end ngRepeat: i in arr track by $index -->
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" ng-repeat="i in arr track by $index" ng-class="{'separator-hyphen': separatorSymbol === '-' && !$last,'first-input' : $first }">
<label for="sortCode-input-3" class="visuallyhidden ng-binding">sort code Third 2 digits</label>
<!-- ngIf: separatorSymbol --><span ng-if="separatorSymbol" aria-hidden="true" class="hyphen ng-scope">-</span><!-- end ngIf: separatorSymbol -->
<span id="sortCode-3" class="sub-label ng-binding" aria-hidden="true"></span>
<input class="input ng-pristine ng-valid" maxlength="2" type="text" id="sortCode-input-3" aria-describedby="sortCode-3 additional-info-sortCode sortCode-error" ng-model="modelArr[$index]"
ng-keyup="updateModelValue($event, $index)" ng-blur="blurHandler($event)" ng-change="changeHandler()" separator="-" format="XX-XX-XX" tooltipconfig="tooltipConfig('sortcode')" model-arr="" input-config="configForSortCode"
no-of-inputs="3" validate-field="true" validation-errors="true" analytics-tag="" aria-required="true" analytics-label="SortCode">
</div><!-- end ngRepeat: i in arr track by $index -->
</div>
<div class="additional-info ng-hide" id="additional-info-sortCode" ng-show="inptConfig.additionalInfo" b-compile-html="">
</div>
<div class="err-container" id="sortCode-error">
<div ng-show="(formController['sortCode'].$invalid && formController['sortCode'].$dirty && currentState && validationErrors) ||
(formController.showErrorsIfAny && formController['sortCode'].$invalid && currentState)" class="ng-hide">
<!-- ngRepeat: (key, value) in formController['sortCode'].$error -->
<div ng-repeat="(key, value) in formController['sortCode'].$error" class="ng-scope">
<p class="error-message ng-hide" ng-show="formController['sortCode'].$error[key]" aria-live="assertive">
<span class="error-text">Error: </span><span class="ng-binding"></span>
</p>
</div><!-- end ngRepeat: (key, value) in formController['sortCode'].$error -->
<div ng-repeat="(key, value) in formController['sortCode'].$error" class="ng-scope">
<p class="error-message ng-hide" ng-show="formController['sortCode'].$error[key]" aria-live="assertive">
<span class="error-text">Error: </span><span class="ng-binding"></span>
</p>
</div><!-- end ngRepeat: (key, value) in formController['sortCode'].$error -->
<div ng-repeat="(key, value) in formController['sortCode'].$error" class="ng-scope">
<p class="error-message" ng-show="formController['sortCode'].$error[key]" aria-live="assertive">
<span class="error-text">Error: </span><span class="ng-binding"></span>
</p>
</div><!-- end ngRepeat: (key, value) in formController['sortCode'].$error -->
</div>
<div ng-show="(formController['sortCode'].$invalid && formController['sortCode'].$dirty && !currentState && validationErrors) ||
(formController.showErrorsIfAny && formController['sortCode'].$invalid && !currentState)" class="ng-hide">
<!-- ngRepeat: (key, value) in formController['sortCode'].$error -->
<div ng-repeat="(key, value) in formController['sortCode'].$error" class="ng-scope">
<p class="error-message ng-hide" ng-show="formController['sortCode'].$error[key]" aria-live="assertive">
<span class="error-text">Error: </span><span class="ng-binding">You must enter a valid sort code</span>
</p>
</div><!-- end ngRepeat: (key, value) in formController['sortCode'].$error -->
<div ng-repeat="(key, value) in formController['sortCode'].$error" class="ng-scope">
<p class="error-message ng-hide" ng-show="formController['sortCode'].$error[key]" aria-live="assertive">
<span class="error-text">Error: </span><span class="ng-binding">Please check that you've entered the correct sort code and account number</span>
</p>
</div><!-- end ngRepeat: (key, value) in formController['sortCode'].$error -->
<div ng-repeat="(key, value) in formController['sortCode'].$error" class="ng-scope">
<p class="error-message" ng-show="formController['sortCode'].$error[key]" aria-live="assertive">
<span class="error-text">Error: </span><span class="ng-binding">You must enter sort code</span>
</p>
</div><!-- end ngRepeat: (key, value) in formController['sortCode'].$error -->
</div>
</div>
</fieldset>
</div>
<div class="accNoInput">
<div class="ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2" dss-dda-component="DDA Specific Component Attribute">
<div class="form-item" ng-class="{'has-error': (formController.showErrorsIfAny && formController['accountNumber'].$invalid) ||
(formController['accountNumber'].$invalid && formController['accountNumber'].$dirty && validationErrors)}">
<label class="label">
<span for="accountNumber" id="label-accountNumber">Account number</span>
<label for="accountNumber" id="extraLabelData-accountNumber" class="visuallyhidden ng-binding" aria-hidden="true"></label>
<!-- ngIf: tooltipconfig --><span tabindex="0" ng-if="tooltipconfig" b-tooltip=""
tooltipconfig="{"arrowPosition":"left center","boxPosition":"right center","qtipContent":{"text":"<p>Your sort code is a 6-digit number &ndash; eg 12-34-56. Your account number is 8 digits long. Both are on the front of your debit card.</p><p> <img src=\"/OLB/A/Content/Images/1321077850566-sortcode_account_number_card.jpg\" alt=\"Card\" height=\"113\" width=\"173\" /></p>","customAriaText":"Your sort code is a 6-digit number – eg 12-34-56. Your account number is 8 digits long. Both are on the front of your debit card. "},"iconClass":"icon-question","mobileConfig":{"arrowPosition":"bottom center","boxPosition":"top center"}}"
id="described-accountNumber" class="ng-scope ng-isolate-scope icon iconSpacing dsstooltip icon-question" role="button"
aria-label="Your sort code is a 6-digit number – eg 12-34-56. Your account number is 8 digits long. Both are on the front of your debit card. " data-hasqtip="1"></span><!-- end ngIf: tooltipconfig -->
</label>
<div class="input-wrapper" ng-class="{'image-at-right': showImg}">
<span class="input-prefix"></span>
<span class="input-suffix"></span>
<input ng-attr-tabindex="" aria-labelledby="label-accountNumber extraLabelData-accountNumber" aria-describedby="described-accountNumber input-err-1gq94ru3p"
class="input ng-pristine ng-valid ng-valid-required ng-valid-i-n-p1 ng-valid-i-n-p2" id="accountNumber" name="accountNumber" ng-model="model.accountNumber.value" type="text" maxlength="8"
mca-validator-extended="AppName.Module.accountNumberValidation | this.formController.accountNumber" validator-event="blur" supportglobalerror="true" tooltipconfig="tooltipConfig('sortcode')" aria-required="true"
analytics-tag="" aria-invalid="false">
<!-- ngIf: showImg -->
</div>
<div id="input-err-1gq94ru3p" aria-hidden="true">
<p class="no-margin" aria-live="assertive">
<!-- ngRepeat: (key, value) in formController['accountNumber'].$error --><!-- ngIf: ((formController['accountNumber'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['accountNumber'].$invalid && formController['accountNumber'].$dirty && currentState && validationErrors)) && formController['accountNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['accountNumber'].$error --><!-- ngIf: ((formController['accountNumber'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['accountNumber'].$invalid && formController['accountNumber'].$dirty && currentState && validationErrors)) && formController['accountNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['accountNumber'].$error --><!-- ngIf: ((formController['accountNumber'].$invalid && currentState && formController.showErrorsIfAny) ||
(formController['accountNumber'].$invalid && formController['accountNumber'].$dirty && currentState && validationErrors)) && formController['accountNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['accountNumber'].$error -->
<!-- ngRepeat: (key, value) in formController['accountNumber'].$error --><!-- ngIf: ((formController['accountNumber'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['accountNumber'].$invalid && formController['accountNumber'].$dirty && !currentState && validationErrors)) && formController['accountNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['accountNumber'].$error --><!-- ngIf: ((formController['accountNumber'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['accountNumber'].$invalid && formController['accountNumber'].$dirty && !currentState && validationErrors)) && formController['accountNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['accountNumber'].$error --><!-- ngIf: ((formController['accountNumber'].$invalid && !currentState && formController.showErrorsIfAny) ||
(formController['accountNumber'].$invalid && formController['accountNumber'].$dirty && !currentState && validationErrors)) && formController['accountNumber'].$error[key] --><!-- end ngRepeat: (key, value) in formController['accountNumber'].$error -->
</p>
</div>
</div>
</div>
</div>
</ng-form></ng-include> </div>
</div>
<div class="checkboxWidth"> <b-check id="checkbox1" name="confirmation" ng-model="model.rememberToken" data="rememberMeCheck" arrange="controls-stacked" value-field="value" display-field="display" aria-label="rememberWarning"
use-label="rememberWarning" aria-describedby="rememberWarning" analytics-tag="" class="ng-isolate-scope ng-pristine ng-valid" dss-dda-component="DDA Specific Component Attribute">
<div class="form-item checkbox-element controls-stacked" ng-class="{'has-error':(formController[name].$invalid && formController[name].$dirty) || (formController.showErrorsIfAny && formController[name].$invalid)}"
id="b-checkbox-checkbox1">
<!-- ngIf: label -->
<fieldset>
<!-- ngIf: label -->
<!-- ngRepeat: (key,item) in scopeData --><label class="control control-checkbox ng-scope last-child first-child" ng-class="{'last-child':$last, 'first-child':$first}" ng-repeat="(key,item) in scopeData">
<div class="click-event-container">
<input type="checkbox" name="confirmation" value="Y" id="checkbox1_Y" class=" control-input" ng-disabled="ngDisabled" aria-required="false" aria-describedby="b-checkbox-additional-checkbox1-0 rememberWarning checkbox-err-1gq94ru25"
tabindex="" ng-checked="isChecked(item[valueField])" ng-click="checkBoxClick($event)">
<span id="b-checkbox-span-checkbox1-0" class="control-indicator" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.01 10" class="icon-tick">
<title>Tick</title>
<path d="M5.45,8.81.82,5.11a.5.5,0,1,0-.64.76l0,0,5,4a.51.51,0,0,0,.69-.06l8-9a.5.5,0,0,0,0-.7h0a.5.5,0,0,0-.7,0h0Z"></path>
</svg>
</span>
<span class="control-description">
<span id="b-checkbox-checkbox1-0" class="ng-binding">Remember my last name and login method (optional)</span>
<span id="b-checkbox-additional-checkbox1-0">
<!-- ngIf: item.htmlContent -->
<!-- ngIf: !item.htmlContent --><span ng-if="!item.htmlContent" class="additional-text ng-binding ng-scope">
</span><!-- end ngIf: !item.htmlContent -->
</span>
</span>
</div>
</label><!-- end ngRepeat: (key,item) in scopeData -->
</fieldset>
<div id="checkbox-err-1gq94ru25">
<div ng-show="(formController[name].$invalid && formController[name].$dirty && currentState) || (formController.showErrorsIfAny && formController[name].$invalid && currentState)" class="ng-hide">
<!-- ngRepeat: (key, value) in formController[name].$error -->
</div>
<div ng-show="(formController[name].$invalid && formController[name].$dirty && !currentState) || (formController.showErrorsIfAny && formController[name].$invalid && !currentState)" class="ng-hide">
<!-- ngRepeat: (key, value) in formController[name].$error -->
</div>
</div>
<!--
<div id="{{errId}}">
<p class="no-margin" aria-live="assertive">
<span class="error-message error-text" ng-repeat="(key, value) in formController[name].$error"
ng-show="((formController[name].$invalid && formController[name].$dirty && currentState) || (formController.showErrorsIfAny && formController[name].$invalid && currentState)) && formController[name].$error[key]">Error: {{errors[currentState][name][key]}}</span>
<span class="error-message error-text" ng-repeat="(key, value) in formController[name].$error"
ng-show="((formController[name].$invalid && formController[name].$dirty && !currentState) || (formController.showErrorsIfAny && formController[name].$invalid && !currentState)) && formController[name].$error[key]">Error: {{errors[name][key]}}</span>
</p>
</div>
-->
</div>
</b-check> <b-text id="rememberWarning" type="span" class="check-info font-family ng-isolate-scope" b-data="Don't tick the box if you're using a public or shared device" dss-dda-component="DDA Specific Component Attribute"><span>Don't tick
the box if you're using a public or shared device</span></b-text> </div>
</div><!-- end ngIf: !mobileView --> <!-- ngIf: mobileView -->
<div class="seperator"></div>
<div class="marginUpDown"> <button id="continue" role="button" aria-expanded="false" class="btn rolbBtn btn btn-primary marginDownMobile" ng-click="submitForm()" name="$$submit" value="Continue" analytics-tag=""
dss-dda-component="DDA Specific Component Attribute">
<ng-transclude></ng-transclude> Continue </button>
</div>
</div><!-- end ngIf: browser.valid -->
</form>Text Content
Secure
LOG IN TO ONLINE BANKING
HOW WOULD YOU LIKE TO LOG IN?
Not registered for Online Banking? Register now.
* Membership number
* Card number
* Sort code and account number
Last name
Membership number (12 digits)
Don't know your membership number?
Last name
Card number (16 digits)
Last name
Sort code
sort code First 2 digits -
sort code Second 2 digits -
sort code Third 2 digits -
Error:
Error:
Error:
Error: You must enter a valid sort code
Error: Please check that you've entered the correct sort code and account number
Error: You must enter sort code
Account number
Tick Remember my last name and login method (optional)
Don't tick the box if you're using a public or shared device
Continue
FREQUENTLY ASKED QUESTIONS
* Service status
* To check how our services are running and see our planned maintenance,
head to status.uk.barclays or type ‘status.barclays’ into your browser.
* Is saving my details safe?
* If you tick the 'remember me' box, your details will only be retained on
the device you're using at the time. That's why we don't recommend you do
so on any public or shared devices. This means you don't need to worry
about anyone else seeing the details. Even if they do, there isn't enough
information there for anyone to access your accounts in Online Banking or
any other way.
If you want to save your details, you need to make sure you've switched
cookies on for your browser – that's how the information is stored.
* What does error code 6 mean?
* If you're having problems logging in to Online Banking, you may need to
clear your internet browser's cache or update the browser.
Below is a guide to clearing the cache for the most common browsers. You
can also find the information in your browser's 'help' section.
PC USERS:
Internet Explorer (IE) – press Ctrl, Shift and Delete together, then
select 'temporary internet files' and click 'delete'
Chrome – press Ctrl, Shift and Delete together. In the 'clear browsing
data window', select 'cached images and files' only, then click 'clear
browsing data'
Firefox – press Ctrl, Shift and Delete together, then select 'clear recent
history', select 'cache' only within 'details', then click 'clear now'
Safari – press Ctrl, Alt and the letter E together, then select 'empty'
MAC USERS:
Chrome – Cmd, Shift and the letter R together
Firefox – Cmd, Shift and the letter R together
Safari – Cmd, Alt button and the letter E together
To update your browser, please check your browser's help section.
* How to reset your memorable word and passcode
If you need help resetting your memorable word and passcode, you can find out
how or watch our video.
* How do I login with Mobile PINsentry?
* If you haven't logged in to the app, tap the 'PINsentry' button in the top
left-hand corner of the log-in screen.
If you're already logged in, tap the menu icon in the top left-hand corner
and then select 'Mobile PINsentry' from the list.
Once you're on the Mobile PINsentry page, select 'Identify' and follow the
on-screen instructions.
Watch our video to find out how to use Mobile PINsentry at
www.barclays.co.uk/help/mobile-banking/pinsentry/info/
Need more help?
* Service status
* Contact us
* Security
* Accessibility
See our cookies policy
Barclays Bank UK PLC and Barclays Bank PLC are each authorised by the Prudential
Regulation Authority and regulated by the Financial Conduct Authority and the
Prudential Regulation Authority.
Barclays Insurance Services Company Limited and Barclays Investment Solutions
Limited are each authorised and regulated by the Financial Conduct Authority.
Registered office for all: 1 Churchill Place, London E14 5HP
COOKIES
We'd like to collect data from your device while you use this website. This
helps give you the best experience, keeps your account secure and supports
personalised marketing on our website and social media. Choose 'Accept all' to
agree we can collect your data in this way, or for more options choose
'Preferences'. Find out more: cookie policy
Preferences
Accept All