s3.amazonaws.com
Open in
urlscan Pro
52.216.42.24
Public Scan
URL:
https://s3.amazonaws.com/progressivebank-uat/index.html
Submission: On December 12 via api from AU — Scanned from AU
Submission: On December 12 via api from AU — Scanned from AU
Form analysis
15 forms found in the DOM<form id="emailForm">
<div>
<!-- Do not remove this img tag otherwise danal won't work -->
<img id="phidimg" alt="ID" style="display:none" src="">
<label for="emailTxtFld">
<span data-message="emailAddr"></span>
</label>
<span id="emailTxtFldError" class="validationErrorMessage" role="alert"></span>
<table id="autoFillTbl" border="0" cellspacing="0" cellpadding="0" valign="top">
<tbody>
<tr>
<td id="emailTxtFldTd">
<input data-wrapper-class="ui-custom" name="emailTxtFld" type="email" id="emailTxtFld" autofocus="autofocus" data-clear-btn="true" onchange="onEmailChg(this);" autocomplete="email" aria-describedby="emailTxtFldError">
</td>
<td id="carrierAutoFillTd">
<a id="carrierLogoBtn" href="#carrierDisclosurePage" class="ui-btn" data-rel="page">
<img id="carrierLogo" alt="Carrier Logo" src="img/att.svg">
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="form-wrapper">
<label for="mobilePhoneTxtFld">
<span data-message="mobilePhone"></span>
</label>
<span id="mobilePhoneTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mobilePhoneTxtFld" onchange="validateUSPhone($('#mobilePhoneTxtFld'))" type="tel" data-clear-btn="true" maxlength="17" id="mobilePhoneTxtFld" autocomplete="tel"
aria-describedby="mobilePhoneTxtFldError">
</div>
</form>
<form id="challengeReturningMaidenNameForm">
<div data-role="field-contain" data-mini="true">
<span data-message="challengeExplanation"></span>
</div>
<br>
<div data-role="field-contain" data-mini="true">
<label for="challengeTxtFld" id="challengeTxtFldLbl" data-message="challengeMothersMaiden"></label>
<input name="challengeTxtFld" type="text" id="challengeTxtFld" onkeyup="$('#challengeNextBtn').attr('ui-enabled', 'ui-enabled');">
</div>
<div>
<a id="challengeMothersMaidenNextBtn" data-theme="r" class="btn btn-primary" href="#" onclick="onChallengeTxtFldChg()">
<span data-message="next"></span>
</a>
</div>
</form>
<form id="challengeReturningDOBFrom">
<div data-role="field-contain" data-mini="true">
<span data-message="challengeExplanation"></span>
</div>
<br>
<label id="challengeDOBLbl" data-message="challengeDOB"></label>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="DOBChallengeReturningMonth" type="tel" id="DOBChallengeReturningMonth" autocomplete="bday-month" maxlength="2"
onkeyup="jumpOnKeyUp('#DOBChallengeReturningMonth', '#DOBChallengeReturningDay', '2');" placeholder="MM" onchange="ChallengeReturningDOBBoxChange()" class="ssnFld">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBChallengeReturningDay" type="tel" id="DOBChallengeReturningDay" autocomplete="bday-day" maxlength="2" onkeyup="jumpOnKeyUp('#DOBChallengeReturningDay', '#DOBChallengeReturningYear', '2');"
placeholder="DD" onchange="ChallengeReturningDOBBoxChange()" class="ssnFld">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBChallengeReturningYear" type="tel" id="DOBChallengeReturningYear" autocomplete="bday-year" maxlength="4" onkeyup="jumpOnKeyUp('#DOBChallengeReturningYear', '#challengeDOBNextBtn', '4');"
class="ssnFld" placeholder="YYYY" onchange="ChallengeReturningDOBBoxChange()">
</td>
<td>
<input id="DOBChallengeReturningDateBox" type="date" data-role="datebox" onchange="ChallengeReturningDOBDateBoxChange()"
data-options="{"defaultValue": [1971,6,7], "mode": "flipbox", "hideInput": "true", "centerHoriz": true, "useNewStyle": false, "lockInput": false}">
</td>
<td>
<a href="#" data-role="button" onclick="$('#DOBChallengeReturningDateBox').datebox('open');" data-icon="calendar" data-iconpos="notext">Delete</a>
</td>
</tr>
</tbody>
</table>
<div>
<a id="challengeDOBNextBtn" data-theme="r" class="btn btn-primary" href="#" onclick="onChallengeTxtFldChg()">
<span data-message="next"></span>
</a>
</div>
</form>
<form id="personalInfoForm">
<div class="identitySection" id="primaryAppDetailsDiv">
<div class="required" id="companyNameDiv" style="display: none;">
<label for="app1CompanyNameFld" class="persInfoForm">
<span data-message="companyName"></span>
</label>
<span id="app1CompanyNameFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="app1CompanyNameFld" type="text" id="app1CompanyNameFld" data-clear-btn="true" aria-describedby="app1CompanyNameFldError">
</div>
<div>
<a href="#" onclick="toggleMiddleNameFieldClosest(event.target, 'middleNameTxtFld', 'middleName')">
<div id="showMiddleNameDiv" class="inputFieldToggleText">
<span data-message="showMiddleName"></span>
</div>
</a>
<label for="firstNameTxtFld" class="persInfoForm">
<span data-message="firstName"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="firstNameTxtFldError" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="firstNameTxtFld" type="text" id="firstNameTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'firstName')" autofocus="autofocus" autocomplete="given-name"
aria-describedby="firstNameTxtFldError">
</div>
<div class="middleNameDiv">
<div>
<label for="middleNameTxtFld">
<span data-message="middleName"></span>
</label>
<span id="middleNameTxtFldError" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="middleNameTxtFld" type="text" id="middleNameTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'middleName')" autocomplete="additional-name" aria-describedby="middleNameTxtFldError"
requiredfield="middleName">
</div>
</div>
<div>
<a href="#" onclick="toggleSuffixClosestApp1(event.target)">
<div id="showSuffixDivApp1" class="inputFieldToggleText">
<span data-message="showSuffix"></span>
</div>
</a>
<label for="lastNameTxtFld">
<span data-message="lastName"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="lastNameTxtFldError" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="lastNameTxtFld" type="text" id="lastNameTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'lastName')" autocomplete="family-name" aria-describedby="lastNameTxtFldError">
</div>
<div id="suffixDropDownDivApp1">
<label for="collectSuffixApp1">
<span data-message="suffixStatusLabel"></span>
</label>
<span data-role="field-contain">
<select id="collectSuffixApp1" data-mini="true" data-attr="suffix" onchange="onSuffixSelect(this, 'suffix')"></select>
</span>
</div>
<div id="jointCheckBoxDiv" class="ui-checkbox checkbox--no-shadow">
<label for="jointAccount" class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off">
<span id="jointAccountBox__label" data-message="OpenAJointAccount"></span>
<input id="jointAccount" type="checkbox" name="jointAccount" data-role="none" onchange="setIsJointAccount(this)">
</label>
</div>
</div>
<div id="addressDiv" class="addressDiv">
<div>
<div class="inputFieldToggleText">
<a href="#" onclick="toggleSecondAddress(event, 'homeAddress2TxtFld', 'addr2')">
<div class="inputFieldToggleText" id="showSecondAddressApp1">
<span data-message="showAddr2"></span>
</div>
</a>
</div>
<label for="homeAddress1TxtFld">
<span data-message="streetAddress"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="homeAddress1TxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="homeAddress1TxtFld" type="text" id="homeAddress1TxtFld" data-clear-btn="true" onchange="onAddrFldChg(this, 'addr1')" aria-describedby="homeAddress1TxtFldError">
</div>
<div id="Addr2Div" class="secondAddressDiv">
<label for="homeAddress2TxtFld">
<span data-message="secondAddress"></span>
</label>
<span id="homeAddress2TxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="homeAddress2TxtFld" type="text" id="homeAddress2TxtFld" data-clear-btn="true" onchange="onAddrFldChg(this, 'addr2')" aria-describedby="homeAddress2TxtFldError">
</div>
<div>
<label for="cityTxtFld">
<span data-message="city"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="cityTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="cityTxtFld" type="text" id="cityTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'city')" aria-describedby="cityTxtFldError">
</div>
<div>
<label for="stateSelect" id="stateLabel">
<span data-message="state"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="stateSelectError" class="validationErrorMessage" role="alert"></span>
<span data-role="field-contain" id="stateSpan">
<select id="stateSelect" data-mini="true" onchange="onStateSelect(this, 'state')" aria-describedby="stateSelectError"></select>
</span>
</div>
<div>
<label for="zipTxtFld">
<span data-message="zip"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="zipTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="zipTxtFld" type="text" id="zipTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'zip')" aria-describedby="zipTxtFldError">
</div>
</div>
<div id="mailAddrDiv">
<a href="#" onclick="toggleMailAddress()">
<div id="toggleMailAddressDiv">
<span id="toggleMailAddrSpanId" data-message="mailAddrDiffLabel"></span>
</div>
</a>
</div>
<div id="mailAddrDetailsDiv" class="mailAddressDiv addressDiv">
<div class="sectionHeading">
<h2 data-message="mailAddrHeader"></h2>
</div>
<div>
<div class="inputFieldToggleText">
<a href="#" onclick="toggleSecondAddress(event, 'mailSecondAddrTxtFld', 'mailAddr2')">
<div class="inputFieldToggleText" id="mailSecondAddrSpan">
<span data-message="showAddr2"></span>
</div>
</a>
</div>
<label for="mailFirstAddrTxtFld">
<span data-message="address"></span>
</label>
<span id="mailFirstAddrTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailFirstAddrTxtFld" type="text" id="mailFirstAddrTxtFld" data-applicant="1" data-attr="mailAddrFirstAddr" data-clear-btn="true" autocomplete="off" onchange="onAddrFldChg(this, 'mailAddr1')"
aria-describedby="mailFirstAddrTxtFldError">
</div>
<div id="mailSecondAddrDiv" class="secondAddressDiv">
<label for="mailSecondAddrTxtFld"><span data-message="secondAddress"></span></label>
<span id="mailSecondAddrTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailSecondAddrTxtFld" type="text" id="mailSecondAddrTxtFld" data-applicant="1" data-attr="mailAddrSecondAddr" data-clear-btn="true" onchange="onAddrFldChg(this, 'mailAddr2')"
aria-describedby="mailSecondAddrTxtFldError">
</div>
<div name="mailCityDiv">
<label for="mailCityTxtFld">
<span data-message="city"></span>
</label>
<span id="mailCityTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailCityTxtFld" type="text" id="mailCityTxtFld" data-applicant="1" data-attr="mailAddrCityAddr" data-clear-btn="true" autocomplete="address-level2" onchange="onTxtFldChg(this, 'mailCity')"
aria-describedby="mailCityTxtFldError">
</div>
<div name="mailStateDiv">
<label for="mailStateSelect" id="mailStateLabel">
<span data-message="state"></span>
</label>
<span id="mailStateSelectError" class="validationErrorMessage" role="alert"></span>
<span data-role="field-contain" id="mailStateSpan">
<select id="mailStateSelect" data-mini="true" data-applicant="1" data-attr="mailAddrStateAddr" onchange="onStateSelect(this, 'mailState')" aria-describedby="mailStateSelectError"></select>
</span>
</div>
<div name="mailZipDiv">
<label for="mailZipTxtFld">
<span data-message="zip"></span>
</label>
<span id="mailZipTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailZipTxtFld" type="text" id="mailZipTxtFld" data-applicant="1" data-attr="mailAddrZipAddr" data-clear-btn="true" autocomplete="postal-code" onchange="onTxtFldChg(this, 'mailZip')"
aria-describedby="mailZipTxtFldError">
</div>
</div>
<div id="occupancyDurationDivApp1" style="display: none;">
<label>
<span data-message="occupancyDuration"></span>
</label>
<div class="form-group">
<label for="occupancyDurationYearsApp1" class="label40" data-message="year"></label>
<span id="occupancyDurationYearsApp1Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="occupancyDurationYearsApp1" class="twoDigitNumber" type="tel" placeholder="YY" id="occupancyDurationYearsApp1" maxlength="2" onchange="onChangeYears('occupancyDurationYearsApp1')"
onkeyup="jumpOnKeyUp('#occupancyDurationYearsApp1','#occupancyDurationMonthsApp1', '2');" aria-describedby="occupancyDurationYearsApp1Error">
</div>
<div class="form-group">
<label for="occupancyDurationMonthsApp1" class="label40" data-message="month"></label>
<span id="occupancyDurationMonthsApp1Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="occupancyDurationMonthsApp1" class="twoDigitNumber" type="tel" placeholder="MM" id="occupancyDurationMonthsApp1" maxlength="2" onchange="onChangeMonths('occupancyDurationMonthsApp1')"
aria-describedby="occupancyDurationMonthsApp1Error">
</div>
</div>
<div id="occupancyStatusDivApp1" style="display: none">
<label>
<span data-message="occupancyStatus"></span>
</label>
<span data-role="field-contain">
<select id="occupancyStatusSelectApp1" data-mini="true" onchange="occupancyStatusClick(this, 'occupancyStatusApp1')"></select>
</span>
<div id="monthlyRentContainer" name="monthlyRentContainer" style="display:none">
<label for="inputMonthlyRent">
<span data-message="monthlyRentAmt"></span>
</label>
<span id="inputMonthlyRentError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="inputMonthlyRent" type="tel" maxlength="9" id="inputMonthlyRent" data-clear-btn="true" data-applicant="1" data-attr="monthlyRent" aria-describedby="inputMonthlyRentError">
</div>
</div>
<div class="nextButton">
<a href="#" id="nextButtonValidateInfoPage" class="btn btn-primary btn-primary" onclick="nextButtonValidateInfoPage()">
<span data-message="next"></span>
</a>
</div>
</form>
<form id="personalInfoAndIdentityForm">
<div class="identitySection" id="primaryAppDetailsDiv">
<div class="required companyNameDiv" id="companyNameDiv" style="display: none;">
<label for="app1CompanyNameFld" class="persInfoForm">
<span data-message="companyName"></span>
</label>
<span id="app1CompanyNameFldConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="app1CompanyNameFld" type="text" id="app1CompanyNameFldCons" data-clear-btn="true" aria-describedby="app1CompanyNameFldConsError">
</div>
<div class="firstNameDiv">
<a href="#" onclick="toggleMiddleNameFieldClosest(event.target, 'middleNameConsTxtFld', 'middleName')">
<div id="showMiddleNameDivCons" class="inputFieldToggleText">
<span data-message="showMiddleName"></span>
</div>
</a>
<label for="firstNameConsTxtFld" class="persInfoForm">
<span data-message="firstName"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="firstNameConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="firstNameTxtFld" type="text" id="firstNameConsTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'firstName')" autofocus="autofocus" autocomplete="given-name"
aria-describedby="firstNameConsTxtFldError">
</div>
<div class="middleNameDiv">
<div>
<label for="middleNameConsTxtFld">
<span data-message="middleName"></span>
</label>
<span id="middleNameConsTxtFldError" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="middleNameTxtFld" type="text" id="middleNameConsTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'middleName')" autocomplete="additional-name" aria-describedby="middleNameConsTxtFldError"
requiredfield="middleName">
</div>
</div>
<div class="lastNameDiv">
<label for="lastNameConsTxtFld">
<span data-message="lastName"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="lastNameConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="lastNameTxtFld" type="text" id="lastNameConsTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'lastName')" autocomplete="family-name" aria-describedby="lastNameConsTxtFldError">
</div>
<div id="validateInfoAndIdentityJointCheckBox" class="jointCheckboxDiv ui-checkbox checkbox--no-shadow">
<label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off">
<span id="jointAccountBox__label" data-message="OpenAJointAccount"></span>
<input id="jointAccountCons" type="checkbox" name="jointAccount" data-role="none" onchange="setIsJointAccount(this)">
</label>
</div>
</div>
<div class="identityVerificationDiv">
<div class="ssnApp1Div">
<label for="ssn1TxtFld">
<span data-message="ssn"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="SSNConsApp1Error" class="validationErrorMessage" role="alert"></span>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="ssn1TxtFld" type="tel" id="ssn1ConsTxtFld" maxlength="3" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChg('#ssn1ConsTxtFld', 'ssn1', '3', '#SSNConsApp1Error', 'ein');"
onkeyup="jumpOnKeyUp('#ssn1ConsTxtFld','#ssn2ConsTxtFld', '3');" class="ssnFld" aria-describedby="SSNConsApp1Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="ssn2TxtFld" type="tel" id="ssn2ConsTxtFld" maxlength="2" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChg('#ssn2ConsTxtFld', 'ssn2', '2', '#SSNConsApp1Error', 'ein');"
onkeyup="jumpOnKeyUp('#ssn2ConsTxtFld', '#ssn3ConsTxtFld', '2');" class="ssnFld" aria-describedby="SSNConsApp1Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="ssn3TxtFld" type="tel" id="ssn3ConsTxtFld" maxlength="4" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChg('#ssn3ConsTxtFld', 'ssn3', '4', '#SSNConsApp1Error', 'ein');"
onkeyup="jumpOnKeyUp('#ssn3ConsTxtFld', '#DOBApp1ConsMonth', '4');" class="ssnFld" aria-describedby="SSNConsApp1Error">
</td>
</tr>
</tbody>
</table>
</div>
<div class="DOBApp1Div">
<label for="DOBApp1ConsMonth">
<span data-message="birthDate"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="DOBApp1ConsError" class="validationErrorMessage" role="alert"></span>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp1Month" type="tel" id="DOBApp1ConsMonth" maxlength="2" onkeyup="jumpOnKeyUp('#DOBApp1ConsMonth', '#DOBApp1ConsDay', '2');" onchange="DOBBoxChange('App1Cons')" class="ssnFld"
aria-describedby="DOBApp1ConsError">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp1Day" type="tel" id="DOBApp1ConsDay" maxlength="2" onkeyup="jumpOnKeyUp('#DOBApp1ConsDay', '#DOBApp1ConsYear', '2');" onchange="DOBBoxChange('App1Cons')" class="ssnFld"
aria-describedby="DOBApp1ConsError">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp1Year" type="tel" id="DOBApp1ConsYear" maxlength="4" onkeyup="jumpOnKeyUp('#DOBApp1ConsYear', '#secretQConsTxtFld', '4');" class="ssnFld" onchange="DOBBoxChange('App1Cons')"
aria-describedby="DOBApp1ConsError">
</td>
<td>
<input id="DOBApp1ConsDateBox" type="date" data-role="datebox" onchange="DOBDateBoxChange('App1Cons')"
data-options="{"defaultValue": [1971,6,7], "mode": "flipbox", "hideInput": "true", "centerHoriz": true, "useNewStyle": false, "lockInput": false}"
aria-describedby="DOBApp1ConsError">
</td>
<td>
<a href="#" data-role="button" onclick="$('#DOBApp1ConsDateBox').datebox('open');" data-icon="calendar" data-iconpos="notext">Delete</a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="secretQApp1DivCons">
<label for="secretQConsTxtFld">
<span data-message="mothersMaidenName"></span>
</label>
<span id="secretQConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="secretQTxtFld" type="text" id="secretQConsTxtFld" data-clear-btn="true" onchange="onChallengeFldChg(this, 'mothersMaidenName')" aria-describedby="secretQConsTxtFldError" requiredfield="mothersMaiden">
</div>
<div id="idTypeDivCons"></div>
<div id="idNumApp1ConsDiv" class="hide">
<label for="idNumConsTxtFld">
<span data-message="idNum"></span>
</label>
<span id="idNumConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="idNumTxtFld" type="text" id="idNumConsTxtFld" data-clear-btn="true" data-index="01" onchange="onIdNumFldChg(this, 'idNum')" aria-describedby="idNumConsTxtFldError" requiredfield="idNumber">
</div>
</div>
<div class="addressDiv">
<div>
<div class="inputFieldToggleText">
<a href="#" onclick="toggleSecondAddress(event, 'homeAddressCons2TxtFld', 'addr2')">
<div class="inputFieldToggleText" id="showSecondAddressApp1Cons">
<span data-message="showAddr2"></span>
</div>
</a>
</div>
<label for="homeAddress1ConsTxtFld">
<span data-message="streetAddress"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="homeAddress1ConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="homeAddress1ConsTxtFld" type="text" id="homeAddress1ConsTxtFld" data-clear-btn="true" onchange="onAddrFldChg(this, 'addr1')" aria-describedby="homeAddress1ConsTxtFldError">
</div>
<div class="secondAddressDiv">
<label for="homeAddressCons2TxtFld">
<span data-message="secondAddress"></span>
</label>
<span id="homeAddressCons2TxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="homeAddress2TxtFld" type="text" id="homeAddressCons2TxtFld" data-clear-btn="true" onchange="onAddrFldChg(this, 'addr2')" aria-describedby="homeAddressCons2TxtFldError">
</div>
<div>
<label for="cityConsTxtFld">
<span data-message="city"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="cityConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="cityTxtFld" type="text" id="cityConsTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'city')" aria-describedby="cityConsTxtFldError">
</div>
<div>
<label for="stateSelectCons" class="stateLabel">
<span data-message="state"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="stateSelectConsError" class="validationErrorMessage" role="alert"></span>
<span data-role="field-contain" class="stateDropdown">
<select id="stateSelectCons" data-mini="true" onchange="onStateSelect(this, 'state')" aria-describedby="stateSelectConsError"></select>
</span>
</div>
<div>
<label for="zipConsTxtFld">
<span data-message="zip"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="zipConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="zipTxtFld" type="text" id="zipConsTxtFld" data-clear-btn="true" onchange="onTxtFldChg(this, 'zip')" aria-describedby="zipConsTxtFldError">
</div>
</div>
<div id="">
<a href="#" onclick="toggleMailAddressConsolidated()">
<div id="toggleMailAddressDiv">
<span id="toggleMailAddrConsSpanId" data-message="mailAddrDiffLabel"></span>
</div>
</a>
</div>
<div id="mailAddrConsDetailsDiv" class="addressDiv">
<div class="sectionHeading">
<h2 data-message="mailAddrHeader"></h2>
</div>
<div>
<div class="inputFieldToggleText">
<a href="#" onclick="toggleSecondAddress(event, 'mailSecondAddrConsTxtFld', 'mailAddr2')">
<div class="inputFieldToggleText" id="mailSecondAddrSpanCons">
<span data-message="showAddr2"></span>
</div>
</a>
</div>
<label for="mailFirstAddrConsTxtFld">
<span data-message="address"></span>
</label>
<span id="mailFirstAddrConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailFirstAddrTxtFld" type="text" id="mailFirstAddrConsTxtFld" data-applicant="1" data-attr="mailAddrFirstAddr" data-clear-btn="true" onchange="onAddrFldChg(this, 'mailAddr1')"
aria-describedby="mailFirstAddrConsTxtFldError">
</div>
<div class="secondAddressDiv">
<label for="mailSecondAddrConsTxtFld"><span data-message="secondAddress"></span></label>
<span id="mailSecondAddrConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailSecondAddrTxtFld" type="text" id="mailSecondAddrConsTxtFld" data-applicant="1" data-attr="mailAddrSecondAddr" data-clear-btn="true" onchange="onAddrFldChg(this, 'mailAddr2')"
aria-describedby="mailSecondAddrConsTxtFldError">
</div>
<div name="mailCityDiv">
<label for="mailCityConsTxtFld">
<span data-message="city"></span>
</label>
<span id="mailCityConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailCityConsTxtFld" type="text" id="mailCityConsTxtFld" data-applicant="1" data-attr="mailAddrCityAddr" data-clear-btn="true" autocomplete="address-level2" onchange="onTxtFldChg(this, 'mailCity')"
aria-describedby="mailCityConsTxtFldError">
</div>
<div name="mailStateDiv">
<label for="mailStateSelectCons" id="mailStateLabelCons">
<span data-message="state"></span>
</label>
<span id="mailStateSelectConsError" class="validationErrorMessage" role="alert"></span>
<span data-role="field-contain" id="mailStateSpanCons">
<select id="mailStateSelectCons" data-mini="true" data-applicant="1" data-attr="mailAddrStateAddr" aria-describedby="mailStateSelectConsError"></select>
</span>
</div>
<div name="mailZipDiv">
<label for="mailZipConsTxtFld">
<span data-message="zip"></span>
</label>
<span id="mailZipConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailZipConsTxtFld" type="text" id="mailZipConsTxtFld" data-applicant="1" data-attr="mailAddrZipAddr" data-clear-btn="true" autocomplete="postal-code" onchange="onTxtFldChg(this, 'mailZip')"
aria-describedby="mailZipConsTxtFldError">
</div>
</div>
<div id="occupancyDurationDivApp1Cons" style="display: none;">
<label>
<span data-message="occupancyDuration"></span>
</label>
<span id="occupancyDurationTotalApp1ConsError" class="validationErrorMessage" role="alert"></span>
<div class="form-group">
<label for="occupancyDurationYearsApp1Cons" class="label40" data-message="year"></label>
<input data-wrapper-class="ui-custom" name="occupancyDurationYearsApp1" class="twoDigitNumber" type="tel" placeholder="YY" id="occupancyDurationYearsApp1Cons" maxlength="2" onchange="onChangeYears('Cons')"
onkeyup="jumpOnKeyUp('#occupancyDurationYearsApp1Cons','#occupancyDurationMonthsApp1Cons', '2');" aria-describedby="occupancyDurationTotalApp1ConsError">
</div>
<div class="form-group">
<label for="occupancyDurationMonthsApp1Cons" class="label40" data-message="month"></label>
<input data-wrapper-class="ui-custom" name="occupancyDurationMonthsApp1" class="twoDigitNumber" type="tel" placeholder="MM" id="occupancyDurationMonthsApp1Cons" maxlength="2" onchange="onChangeMonths('occupancyDurationMonthsApp1Cons')"
aria-describedby="occupancyDurationTotalApp1ConsError">
</div>
</div>
<div id="occupancyStatusDivApp1Cons">
<div>
<label for="occupancyStatusSelectApp1Cons" id="occupancyStatusLabelCons">
<span data-message="occupancyStatus"></span>
</label>
<span data-role="field-contain">
<select id="occupancyStatusSelectApp1Cons" data-mini="true" onchange="occupancyStatusClick(this, 'occupancyStatusApp1Cons')"></select>
</span>
</div>
<div id="monthlyRentContainerCons" name="monthlyRentContainer" style="display:none">
<label for="inputMonthlyRentCons">
<span data-message="monthlyRentAmt"></span>
</label>
<span id="inputMonthlyRentConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="inputMonthlyRentCons" type="tel" maxlength="9" id="inputMonthlyRentCons" data-clear-btn="true" data-applicant="1" data-attr="monthlyRent" aria-describedby="inputMonthlyRentConsError">
</div>
</div>
<div class="nextButton">
<a href="#" id="nextButtonValidateInfoAndIdentityPage" class="btn btn-primary btn-primary" onclick="consolidatedValidateInfoAndIdentity()">
<span data-message="next"></span>
</a>
</div>
</form>
<form id="personalInfoFormApp2">
<div class="sectionHeading js-personalInfoApp2-sectionHeading">
<h2 data-message="SecondAppLabel"></h2>
</div>
<div>
<a href="#" onclick="toggleMiddleNameFieldClosest(event.target, 'middleNameTxtFldApp2', 'middleNameApp2')">
<div id="showMiddleNameDivApp2" class="inputFieldToggleText">
<span data-message="showMiddleName"></span>
</div>
</a>
<label for="firstNameTxtFldApp2" class="persInfoForm">
<span data-message="firstName"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="firstNameTxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="firstNameTxtFldApp2" type="text" id="firstNameTxtFldApp2" data-applicant="2" data-attr="firstName" data-clear-btn="true" onchange="onTxtFldChg(this, 'firstNameApp2')"
aria-describedby="firstNameTxtFldApp2Error">
</div>
<div class="middleNameDiv">
<div>
<label for="middleNameTxtFldApp2">
<span data-message="middleName"></span>
</label>
<span id="middleNameTxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="middleNameTxtFldApp2" type="text" id="middleNameTxtFldApp2" data-applicant="2" data-attr="middleName" data-clear-btn="true" onchange="onTxtFldChg(this, 'middleNameApp2')"
aria-describedby="middleNameTxtFldApp2Error" requiredfield="middleName">
</div>
</div>
<div>
<a href="#" onclick="toggleSuffixClosestApp2(event.target)">
<div id="showSuffixDivApp2" class="inputFieldToggleText">
<span data-message="showSuffix"></span>
</div>
</a>
<label for="lastNameTxtFldApp2">
<span data-message="lastName"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="lastNameTxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="lastNameTxtFldApp2" type="text" id="lastNameTxtFldApp2" data-clear-btn="true" data-applicant="2" data-attr="lastName" onchange="onTxtFldChg(this, 'lastNameApp2')"
aria-describedby="lastNameTxtFldApp2Error">
</div>
<div id="suffixDropDownDivApp2">
<label for="collectSuffixApp2">
<span data-message="suffixStatusLabel"></span>
</label>
<span data-role="field-contain">
<select id="collectSuffixApp2" data-mini="true" data-applicant="2" data-attr="suffix" onchange="onSuffixSelect(this, 'suffixApp2')"></select>
</span>
</div>
<div>
<label for="emailTxtFldApp2">
<span data-message="email"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="emailTxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="emailTxtFldApp2" type="text" id="emailTxtFldApp2" data-clear-btn="true" data-applicant="2" data-attr="email" onchange="validateApplicantEmail(this, 'emailTxtFldApp2')"
aria-describedby="emailTxtFldApp2Error">
</div>
<div>
<label for="mobilePhoneTxtFldApp2">
<span data-message="mobilePhone"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="mobilePhoneTxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<input data-wrapper-class="ui-custom" name="mobilePhoneTxtFldApp2" type="tel" id="mobilePhoneTxtFldApp2" data-clear-btn="true" data-applicant="2" data-attr="mobilePhone" onchange="validateUSPhone($('#mobilePhoneTxtFldApp2'))"
aria-describedby="mobilePhoneTxtFldApp2Error">
</div>
<div class="ui-checkbox checkbox--no-shadow">
<label for="chkUsePrimaryAddress" class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off">
<span data-message="msg_useprimaryaddress">Use same as primary</span>
<input id="chkUsePrimaryAddress" type="checkbox" name="chkUsePrimaryAddress" data-role="none" onchange="usePrimaryAddress(this)">
</label>
</div>
<div class="addressDiv">
<div>
<div class="inputFieldToggleText">
<a href="#" onclick="toggleSecondAddress(event, 'homeAddress2TxtFldApp2', 'addr2App2')">
<div class="inputFieldToggleText" id="showAddr2DivApp2">
<span data-message="showAddr2"></span>
</div>
</a>
</div>
<label for="homeAddress1TxtFldApp2">
<span data-message="streetAddress"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="homeAddress1TxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="homeAddress1TxtFldApp2" type="text" id="homeAddress1TxtFldApp2" data-applicant="2" data-attr="streetAddress" data-clear-btn="true" onchange="onTxtFldChg(this, 'addr1App2')"
aria-describedby="homeAddress1TxtFldApp2Error">
</div>
<div id="Addr2DivApp2" class="secondAddressDiv">
<label for="homeAddress2TxtFldApp2">
<span data-message="secondAddress"></span>
</label>
<span id="homeAddress2TxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="homeAddress2TxtFldApp2" type="text" id="homeAddress2TxtFldApp2" data-applicant="2" data-attr="secondAddress" data-clear-btn="true" onchange="onTxtFldChg(this, 'addr2App2')"
aria-describedby="homeAddress2TxtFldApp2Error">
</div>
<div>
<label for="cityTxtFldApp2">
<span data-message="city"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="cityTxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="cityTxtFld" type="text" id="cityTxtFldApp2" data-applicant="2" data-attr="city" data-clear-btn="true" onchange="onTxtFldChg(this, 'cityApp2')" aria-describedby="cityTxtFldApp2Error">
</div>
<div>
<label for="stateSelectApp2" id="stateLabelApp2">
<span data-message="state" id="lbl_stateSelectApp2"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="stateSelectApp2Error" class="validationErrorMessage" role="alert"></span>
<span data-role="field-contain" id="stateSpanApp2">
<select id="stateSelectApp2" data-mini="true" data-applicant="2" data-attr="state" aria-describedby="stateSelectApp2Error"></select>
</span>
</div>
<div>
<label for="zipTxtFldApp2">
<span data-message="zip"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="zipTxtFldApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="zipTxtFld" type="text" id="zipTxtFldApp2" data-clear-btn="true" data-applicant="2" data-attr="zip" onchange="onTxtFldChg(this, 'zipApp2')" aria-describedby="zipTxtFldApp2Error">
</div>
</div>
<div id="mailAddrDivApp2">
<a href="#" onclick="toggleMailAddressApp2()">
<div id="toggleMailAddressDivApp2">
<span id="toggleMailAddrSpanIdApp2" data-message="mailAddrDiffLabel"></span>
</div>
</a>
</div>
<div id="mailAddrCopyDivApp2">
<div class="sectionHeading">
<h2 data-message="mailAddrHeader"></h2>
</div>
<div class="ui-checkbox checkbox--no-shadow" id="mailAddrCopyCheckDivApp2">
<label for="chkUsePrimaryMailAddress" class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off">
<span data-message="msg_useprimaryMailaddress">Use same as primary</span>
<input id="chkUsePrimaryMailAddress" type="checkbox" name="chkUsePrimaryMailAddress" data-role="none" onchange="checkMailAddressFromPrimaryApp2()">
</label>
</div>
</div>
<div id="mailAddrDetailsDivApp2" class="mailAddressDiv addressDiv">
<div>
<div class="inputFieldToggleText">
<a href="#" onclick="toggleSecondAddress(event, 'mailSecondAddrTxtFldApp2')">
<div class="inputFieldToggleText" id="mailSecondAddrSpanApp2">
<span data-message="showAddr2"></span>
</div>
</a>
</div>
<label for="mailFirstAddrTxtFldApp2">
<span data-message="address"></span>
</label>
<span id="mailFirstAddrTxtFldErrorApp2" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailFirstAddrTxtFld" type="text" id="mailFirstAddrTxtFldApp2" data-applicant="2" data-attr="mailAddrFirstAddr" data-clear-btn="true" autocomplete="off" onchange="onAddrFldChg(this, false)"
aria-describedby="mailFirstAddrTxtFldErrorApp2">
</div>
<div id="mailSecondAddrDivApp2" class="secondAddressDiv">
<label for="mailSecondAddrTxtFldApp2">
<span data-message="secondAddress"></span>
</label>
<span id="mailSecondAddrTxtFldErrorApp2" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailSecondAddrTxtFld" type="text" id="mailSecondAddrTxtFldApp2" data-applicant="2" data-attr="mailAddrSecondAddr" data-clear-btn="true" onchange="onAddrFldChg(this, false)"
aria-describedby="mailSecondAddrTxtFldErrorApp2">
</div>
<div name="mailCityDiv">
<label for="mailCityTxtFldApp2">
<span data-message="city"></span>
</label>
<span id="mailCityTxtFldErrorApp2" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailCityTxtFld" type="text" id="mailCityTxtFldApp2" data-applicant="2" data-attr="mailAddrCityAddr" data-clear-btn="true" autocomplete="address-level2" onchange="onTxtFldChg(this, false)"
aria-describedby="mailCityTxtFldErrorApp2">
</div>
<div name="mailStateDiv">
<label for="mailStateSelectApp2" id="mailStateLabelApp2">
<span data-message="state"></span>
</label>
<span id="mailStateSelectErrorApp2" class="validationErrorMessage" role="alert"></span>
<span data-role="field-contain" id="mailStateSpanApp2">
<select id="mailStateSelectApp2" data-mini="true" data-applicant="2" data-attr="mailAddrStateAddr" aria-describedby="mailStateSelectErrorApp2"></select>
</span>
</div>
<div name="mailZipDiv">
<label for="mailZipTxtFldApp2">
<span data-message="zip"></span>
</label>
<span id="mailZipTxtFldErrorApp2" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mailZipTxtFld" type="text" id="mailZipTxtFldApp2" data-applicant="2" data-attr="mailAddrZipAddr" data-clear-btn="true" autocomplete="postal-code" onchange="onTxtFldChg(this, false)"
aria-describedby="mailZipTxtFldErrorApp2">
</div>
</div>
<div class="nextButton">
<a href="#" id="nextButtonValidateInfoPageApp2" class="btn btn-primary" onclick="nextButtonValidateInfoPageApp2()">
<span data-message="next"></span>
</a>
</div>
</form>
<form id="personalInfoAndIdentityFormApp2">
<div class="sectionHeading js-personalInfoApp2-sectionHeading">
<h2 data-message="SecondAppLabel"></h2>
</div>
<div class="firstNameDiv">
<a href="#" onclick="toggleMiddleNameFieldClosest(event.target, 'middleNameTxtFldApp2Cons', 'middleNameApp2')">
<div id="showMiddleNameDivApp2Cons" class="inputFieldToggleText">
<span data-message="showMiddleName"></span>
</div>
</a>
<label for="firstNameTxtFldApp2Cons" class="persInfoForm">
<span data-message="firstName"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="firstNameTxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="firstNameTxtFldApp2" type="text" id="firstNameTxtFldApp2Cons" data-applicant="2" data-attr="firstName" data-clear-btn="true" onchange="onTxtFldChg(this, 'firstNameApp2')"
aria-describedby="firstNameTxtFldApp2ConsError">
</div>
<div class="middleNameDiv">
<div>
<label for="middleNameTxtFldApp2Cons">
<span data-message="middleName"></span>
</label>
<span id="middleNameTxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="middleNameTxtFldApp2" type="text" id="middleNameTxtFldApp2Cons" data-applicant="2" data-attr="middleName" data-clear-btn="true" onchange="onTxtFldChg(this, 'middleNameApp2')"
aria-describedby="middleNameTxtFldApp2ConsError" requiredfield="middleName">
</div>
</div>
<div>
<a href="#" onclick="toggleSuffixClosestApp3(event.target)">
<div id="showSuffixDivApp3" class="inputFieldToggleText">
<span data-message="showSuffix"></span>
</div>
</a>
<label for="lastNameTxtFldApp2Cons">
<span data-message="lastName"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="lastNameTxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="lastNameTxtFldApp2" type="text" id="lastNameTxtFldApp2Cons" data-clear-btn="true" data-applicant="2" data-attr="lastName" onchange="onTxtFldChg(this, 'lastNameApp2')"
aria-describedby="lastNameTxtFldApp2ConsError">
</div>
<div id="suffixDropDownDivApp3">
<label for="collectSuffixApp3">
<span data-message="suffixStatusLabel"></span>
</label>
<span data-role="field-contain">
<select id="collectSuffixApp3" data-mini="true" data-attr="suffix" onchange="onSuffixSelect(this, 'suffixApp2')"></select>
</span>
</div>
<div>
<label for="emailTxtFldApp2Cons">
<span data-message="email"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="emailTxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="emailTxtFldApp2Cons" type="text" id="emailTxtFldApp2Cons" data-clear-btn="true" data-applicant="2" data-attr="email" onchange="validateApplicantEmail(this, 'emailTxtFldApp2Cons')"
aria-describedby="emailTxtFldApp2ConsError">
</div>
<div>
<label for="mobilePhoneTxtFldApp2Cons">
<span data-message="mobilePhone"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="mobilePhoneTxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="mobilePhoneTxtFldApp2" type="tel" id="mobilePhoneTxtFldApp2Cons" data-clear-btn="true" data-applicant="2" data-attr="mobilePhone" aria-describedby="mobilePhoneTxtFldApp2ConsError">
</div>
<div id="ssnDivApp2Cons">
<label for="ssn1TxtFldApp2Cons">
<span data-message="ssn"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="SSNApp2ConsError" class="validationErrorMessage" role="alert"></span>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="ssn1TxtFldApp2" type="tel" id="ssn1TxtFldApp2Cons" maxlength="3" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp2('#ssn1TxtFldApp2Cons', 'ssn1App2', '3');"
onkeyup="jumpOnKeyUp('#ssn1TxtFldApp2Cons','#ssn2TxtFldApp2Cons', '3');" class="ssnFld" autofocus="autofocus" aria-describedby="SSNApp2ConsError">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="ssn2TxtFldApp2" type="tel" id="ssn2TxtFldApp2Cons" maxlength="2" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp2('#ssn2TxtFldApp2Cons', 'ssn2App2', '2');"
onkeyup="jumpOnKeyUp('#ssn2TxtFldApp2Cons', '#ssn3TxtFldApp2Cons', '2');" class="ssnFld" aria-describedby="SSNApp2ConsError">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="ssn3TxtFldApp2" type="tel" id="ssn3TxtFldApp2Cons" maxlength="4" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp2('#ssn3TxtFldApp2Cons', 'ssn3App2', '4');"
onkeyup="jumpOnKeyUp('#ssn3TxtFldApp2Cons', '#DOBApp2ConsMonth', '4');" class="ssnFld" aria-describedby="SSNApp2ConsError">
</td>
</tr>
</tbody>
</table>
</div>
<!-- New way of doing App2 DOB -->
<div id="DOBApp2ConsDiv">
<label for="DOBApp2Month">
<span data-message="birthDate"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="DOBApp2ConsError" class="validationErrorMessage" role="alert"></span>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp2Month" type="tel" id="DOBApp2ConsMonth" maxlength="2" onkeyup="jumpOnKeyUp('#DOBApp2ConsMonth', '#DOBApp2ConsDay', '2');" onchange="DOBBoxChange('App2Cons')" class="ssnFld"
aria-describedby="DOBApp2ConsError">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp2Day" type="tel" id="DOBApp2ConsDay" maxlength="2" onkeyup="jumpOnKeyUp('#DOBApp2ConsDay', '#DOBApp2ConsYear', '2');" onchange="DOBBoxChange('App2Cons')" class="ssnFld"
aria-describedby="DOBApp2ConsError">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp2Year" type="tel" id="DOBApp2ConsYear" maxlength="4" onkeyup="jumpOnKeyUp('#DOBApp2ConsYear', '#secretQApp2TxtFld', '4');" class="ssnFld" onchange="DOBBoxChange('App2Cons')"
aria-describedby="DOBApp2ConsError">
</td>
<td>
<input id="DOBApp2ConsDateBox" type="date" data-role="datebox" onchange="DOBDateBoxChange('App2Cons')"
data-options="{"defaultValue": [1971,6,7], "mode": "flipbox", "hideInput": "true", "centerHoriz": true, "useNewStyle": false, "lockInput": false}"
aria-describedby="DOBApp2ConsError">
</td>
<td>
<a href="#" data-role="button" onclick="$('#DOBApp2ConsDateBox').datebox('open');" data-icon="calendar" data-iconpos="notext">Delete</a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Default Secret Question -->
<div id="secretQApp2ConsDiv">
<label for="secretQApp2ConsTxtFld">
<span data-message="mothersMaidenName"></span>
</label>
<span id="secretQApp2ConsTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="secretQApp2TxtFld" type="text" id="secretQApp2ConsTxtFld" data-clear-btn="true" onchange="onChallengeFldChg(this, 'mothersMaidenNameApp2')" aria-describedby="secretQApp2ConsTxtFldError"
requiredfield="mothersMaidenNameApp2">
</div>
<div id="idTypeDivApp2Cons"></div>
<div id="idNumDivApp2Cons" class="hide">
<label for="idNumTxtFldApp2Cons">
<span data-message="idNum"></span>
</label>
<span id="idNumTxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="idNumTxtFldApp2" type="text" id="idNumTxtFldApp2Cons" data-clear-btn="true" onchange="onIdNumFldChg(this, 'idNumApp2')" aria-describedby="idNumTxtFldApp2ConsError" requiredfield="idNumberJoint">
</div>
<!-- Use Primary Applicant Checkbox -->
<div class="ui-checkbox checkbox--no-shadow">
<label for="chkUsePrimaryAddressCons" class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off">
<span data-message="msg_useprimaryaddress">Use same as primary</span>
<input id="chkUsePrimaryAddressCons" type="checkbox" name="chkUsePrimaryAddress" data-role="none" onchange="usePrimaryAddress(this)">
</label>
</div>
<div class="addressDiv">
<div>
<div class="inputFieldToggleText">
<a href="#" onclick="toggleSecondAddress(event, 'homeAddress2TxtFldApp2Cons', 'addr2App2')">
<div class="inputFieldToggleText" id="showSecondAddressApp2Cons">
<span data-message="showAddr2"></span>
</div>
</a>
</div>
<label for="homeAddress1TxtFldApp2Cons">
<span data-message="streetAddress"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="homeAddress1TxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="homeAddress1TxtFld" type="text" id="homeAddress1TxtFldApp2Cons" data-applicant="2" data-attr="streetAddress" data-clear-btn="true" onchange="onTxtFldChg(this, 'addr1App2')"
aria-describedby="homeAddress1TxtFldApp2ConsError">
</div>
<div id="Addr2DivApp2Cons" class="secondAddressDiv">
<label for="homeAddress2TxtFldApp2Cons">
<span data-message="secondAddress"></span>
</label>
<span id="homeAddress2TxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="homeAddress2TxtFld" type="text" id="homeAddress2TxtFldApp2Cons" data-applicant="2" data-attr="secondAddress" data-clear-btn="true" onchange="onTxtFldChg(this, 'addr2App2')"
aria-describedby="homeAddress2TxtFldApp2ConsError">
</div>
<div>
<label for="cityTxtFldApp2Cons">
<span data-message="city"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="cityTxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="cityTxtFld" type="text" id="cityTxtFldApp2Cons" data-applicant="2" data-attr="city" data-clear-btn="true" onchange="onTxtFldChg(this, 'cityApp2')" aria-describedby="cityTxtFldApp2ConsError">
</div>
<div>
<label for="stateSelectApp2Cons" id="stateLabelApp2Cons">
<span data-message="state" id="lbl_stateSelectApp2Cons"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="stateSelectApp2ConsError" class="validationErrorMessage" role="alert"></span>
<span data-role="field-contain" id="stateSpanApp2Cons">
<select id="stateSelectApp2Cons" data-mini="true" data-applicant="2" data-attr="state" aria-describedby="stateSelectApp2ConsError"></select>
</span>
</div>
<div>
<label for="zipTxtFldApp2Cons">
<span data-message="zip"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="zipTxtFldApp2ConsError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="zipTxtFld" type="text" id="zipTxtFldApp2Cons" data-clear-btn="true" data-applicant="2" data-attr="zip" onchange="onTxtFldChg(this, 'zipApp2')" aria-describedby="zipTxtFldApp2ConsError">
</div>
<div id="disclosuresJointConsDiv" class="hide">
<p><span data-message="forJoints"></span></p>
<table class="testChkBox">
<tbody>
<tr>
<td class="disclosureTableCheckboxTableCell">
<input type="checkbox" name="electronicTransConsJoint" id="electronicTransConsJoint" onclick="onDisclosureCheckBoxClick('electronicTransConsJoint')">
</td>
<td>
<span id="disclosureAgreementJointConsError" class="validationErrorMessage" role="alert"></span>
<span data-message="iRecievedJoint"></span>
<a href="#electronicTransConsJointPop" rel="modal:open" onclick="timeStampDisclosureRead('ElectronicTransactionsJoint')">
<span data-message="eTxnHeadline"></span>
</a>
<div id="electronicTransConsJointPop" class="modal" data-position-to="window">
<a href="#" rel="modal:close" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">
<span data-message="close"></span>
</a>
<div class="modal-popup-content">
<span data-message="eTxnMsg"></span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="nextButton">
<a href="#" id="nextButtonValidateInfoPageApp2Cons" class="btn btn-primary" onclick="consolidatedValidateInfoAndIdentityApp2()">
<span data-message="next"></span>
</a>
</div>
</form>
<form id="personallyIdentifibleInfo">
<div class="ssnApp1Div">
<label for="ssn1TxtFld">
<span data-message="ssn"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="SSNApp1Error" class="validationErrorMessage" role="alert"></span>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="ssn1TxtFld" type="tel" id="ssn1TxtFld" maxlength="3" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp1('#ssn1TxtFld', 'ssn1', '3', '#SSNApp1Error');"
onkeyup="jumpOnKeyUp('#ssn1TxtFld','#ssn2TxtFld', '3');" class="ssnFld" autofocus="autofocus" aria-describedby="SSNApp1Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="ssn2TxtFld" type="tel" id="ssn2TxtFld" maxlength="2" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp1('#ssn2TxtFld', 'ssn2', '2', '#SSNApp1Error');"
onkeyup="jumpOnKeyUp('#ssn2TxtFld', '#ssn3TxtFld', '2');" class="ssnFld" aria-describedby="SSNApp1Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="ssn3TxtFld" type="tel" id="ssn3TxtFld" maxlength="4" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp1('#ssn3TxtFld', 'ssn3', '4', '#SSNApp1Error');"
onkeyup="jumpOnKeyUp('#ssn3TxtFld', '#DOBApp1Month', '4');" class="ssnFld" aria-describedby="SSNApp1Error">
</td>
</tr>
</tbody>
</table>
</div>
<div class="DOBApp1Div">
<label for="DOBApp1Month">
<span data-message="birthDate"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="DOBApp1Error" class="validationErrorMessage" role="alert"></span>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp1Month" type="tel" id="DOBApp1Month" maxlength="2" onkeyup="jumpOnKeyUp('#DOBApp1Month', '#DOBApp1Day', '2');" onchange="DOBBoxChange('App1')" class="ssnFld"
aria-describedby="DOBApp1Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp1Day" type="tel" id="DOBApp1Day" maxlength="2" onkeyup="jumpOnKeyUp('#DOBApp1Day', '#DOBApp1Year', '2');" onchange="DOBBoxChange('App1')" class="ssnFld" aria-describedby="DOBApp1Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp1Year" type="tel" id="DOBApp1Year" maxlength="4" onkeyup="jumpOnKeyUp('#DOBApp1Year', '#secretQTxtFld', '4');" class="ssnFld" onchange="DOBBoxChange('App1')"
aria-describedby="DOBApp1Error">
</td>
<td>
<input id="DOBApp1DateBox" type="date" data-role="datebox" onchange="DOBDateBoxChange('App1')"
data-options="{"mode": "flipbox", "hideInput": "true", "centerHoriz": true, "useNewStyle": false, "lockInput": false}" aria-describedby="DOBApp1Error">
</td>
<td>
<a href="#" data-role="button" onclick="$('#DOBApp1DateBox').datebox('open');" data-icon="calendar" data-iconpos="notext">Delete</a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="secretQApp1Div">
<label for="secretQTxtFld">
<span data-message="mothersMaidenName"></span>
</label>
<span id="secretQTxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="secretQTxtFld" type="text" id="secretQTxtFld" data-clear-btn="true" onchange="onChallengeFldChg(this, 'mothersMaidenName')" aria-describedby="secretQTxtFldError" requiredfield="mothersMaiden">
</div>
<div id="idTypeDiv"></div>
<!--BEGIN: ----->
<div id="primaryIdImageRequiredDiv" class="hide">
<div id="primaryIdVideoDivAnchor" class="hide">
<video id="primaryDisplayVideoAnchor" playsinline="" autoplay=""></video>
<p>
<a href="#" class="ui-btn-additionalIdTypes" data-inline="true" data-role="button" id="primaryIdSnapButton">
<span data-message="Snap Photo"></span>
</a>
<a href="#" class="ui-btn-additionalIdTypes" data-inline="true" data-role="button" id="primaryIdCloseButton">
<span data-message="Done"></span>
</a>
</p>
<canvas id="primaryIdCanvasAnchor" class="hide"></canvas>
</div>
<div id="primaryIdLinksAnchor">
<div class="primaryIdOuterDiv">
<img id="checkmarkIconPrimaryId" alt="" src="img/checkmark.png" class="hide">
</div>
<div class="primaryIdOuterDiv">
<a href="#" id="statusTakePhotoBtn" onclick="enableVideo('#primaryIdVideoDivAnchor', '#primaryIdLinksAnchor','primaryDisplayVideoAnchor', 'primaryIdSnapButton', 'primaryIdCloseButton', 'primaryIdCanvasAnchor', '#checkmarkIconPrimaryId', 'primaryId')">
<img id="primaryIdImage" alt="Take A Picture" src="img/camera-icon.png">
</a>
</div>
<div class="primaryIdOuterLabelDiv">
<div style="display:none;">
<input ref="file" type="file" id="primaryIdFile" onchange="processIdImageOrFileForSubmission("primaryId")">
</div>
<label id="rePrimaryIdImageRequiredLabel" for="primaryIdFile"></label>
</div>
</div>
</div>
</form>
<form id="personallyIdentifibleInfoApp2">
<div id="ssnDivApp2">
<label for="ssn1TxtFldApp2">
<span data-message="ssn"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="SSNApp2Error" class="validationErrorMessage" role="alert"></span>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="ssn1TxtFldApp2" type="tel" id="ssn1TxtFldApp2" maxlength="3" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp2('#ssn1TxtFldApp2', 'ssn1App2', '3', '#SSNApp2Error');"
onkeyup="jumpOnKeyUp('#ssn1TxtFldApp2','#ssn2TxtFldApp2', '3');" class="ssnFld" autofocus="autofocus" aria-describedby="SSNApp2Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="ssn2TxtFldApp2" type="tel" id="ssn2TxtFldApp2" maxlength="2" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp2('#ssn2TxtFldApp2', 'ssn2App2', '2', '#SSNApp2Error');"
onkeyup="jumpOnKeyUp('#ssn2TxtFldApp2', '#ssn3TxtFldApp2', '2');" class="ssnFld" aria-describedby="SSNApp2Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="ssn3TxtFldApp2" type="tel" id="ssn3TxtFldApp2" maxlength="4" oninput="return allowIntegerNumbersOnly(event);" onchange="onSSNChgApp2('#ssn3TxtFldApp2', 'ssn3App2', '4', '#SSNApp2Error');"
onkeyup="jumpOnKeyUp('#ssn3TxtFldApp2', '#DOBApp2Month', '4');" class="ssnFld" aria-describedby="SSNApp2Error">
</td>
</tr>
</tbody>
</table>
</div>
<!-- New way of doing App2 DOB -->
<div id="DOBApp2Div">
<label for="DOBApp2Month">
<span data-message="birthDate"></span>
<span class="requiredAsterisk"><sup>*</sup></span>
</label>
<span id="DOBApp2Error" class="validationErrorMessage" role="alert"></span>
<table class="tableDataCollector">
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp2Month" type="tel" id="DOBApp2Month" maxlength="2" onkeyup="jumpOnKeyUp('#DOBApp2Month', '#DOBApp2Day', '2');" onchange="DOBBoxChange('App2')" class="ssnFld"
aria-describedby="DOBApp2Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp2Day" type="tel" id="DOBApp2Day" maxlength="2" onkeyup="jumpOnKeyUp('#DOBApp2Day', '#DOBApp2Year', '2');" onchange="DOBBoxChange('App2')" class="ssnFld" aria-describedby="DOBApp2Error">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom" name="DOBApp2Year" type="tel" id="DOBApp2Year" maxlength="4" onkeyup="jumpOnKeyUp('#DOBApp2Year', '#secretQApp2TxtFld', '4');" class="ssnFld" onchange="DOBBoxChange('App2')"
aria-describedby="DOBApp2Error">
</td>
<td>
<input id="DOBApp2DateBox" type="date" data-role="datebox" onchange="DOBDateBoxChange('App2')"
data-options="{"mode": "flipbox", "hideInput": "true", "centerHoriz": true, "useNewStyle": false, "lockInput": false}" aria-describedby="DOBApp2Error">
</td>
<td>
<a href="#" data-role="button" onclick="$('#DOBApp2DateBox').datebox('open');" data-icon="calendar" data-iconpos="notext">Delete</a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="secretQDivApp2">
<label for="secretQApp2TxtFld">
<span data-message="mothersMaidenName"></span>
</label>
<span id="secretQApp2TxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="secretQApp2TxtFld" type="text" id="secretQApp2TxtFld" data-clear-btn="true" onchange="onChallengeFldChg(this, 'mothersMaidenNameApp2')" aria-describedby="secretQApp2TxtFldError"
requiredfield="mothersMaidenNameApp2">
</div>
<div id="idTypeDivApp2"></div>
<!--BEGIN: ----->
<div id="primaryIdImageRequiredDivApp2" class="hide">
<div id="primaryIdVideoDivAnchorApp2" class="hide">
<video id="primaryDisplayVideoAnchorApp2" playsinline="" autoplay=""></video>
<p>
<a href="#" class="ui-btn-additionalIdTypes" data-inline="true" data-role="button" id="primaryIdSnapButtonApp2">
<span data-message="Snap Photo"></span>
</a>
<a href="#" class="ui-btn-additionalIdTypes" data-inline="true" data-role="button" id="primaryIdCloseButtonApp2">
<span data-message="Done"></span>
</a>
</p>
<canvas id="primaryIdCanvasAnchorApp2" class="hide"></canvas>
</div>
<div id="primaryIdLinksAnchorApp2">
<div class="primaryIdOuterDiv">
<img id="checkmarkIconPrimaryIdApp2" alt="" src="img/checkmark.png" class="hide">
</div>
<div class="primaryIdOuterDiv">
<a href="#" id="statusTakePhotoBtnApp2Cons" onclick="enableVideo('#primaryIdVideoDivAnchorApp2', '#primaryIdLinksAnchorApp2','primaryDisplayVideoAnchorApp2', 'primaryIdSnapButtonApp2', 'primaryIdCloseButtonApp2', 'primaryIdCanvasAnchorApp2', '#checkmarkIconPrimaryIdApp2', 'primaryIdApp2')">
<img id="primaryIdImageApp2" alt="Take A Picture" src="img/camera-icon.png">
</a>
</div>
<div class="primaryIdOuterLabelDiv">
<div style="display:none;">
<input ref="file" type="file" id="primaryIdFileApp2" onchange="processIdImageOrFileForSubmission("primaryIdApp2")">
</div>
<label id="rePrimaryIdImageRequiredLabelApp2" for="primaryIdFileApp2"></label>
</div>
</div>
</div>
</form>
<form id="employmentData">
<div id="loanDiv" style="display: none;">
<label for="loanAmount" class="persInfoForm">
<span data-message="loanAmountLabel"></span>
</label>
<span id="loanAmountError" class="validationErrorMessage" role="alert"></span>
<input data-format="currency" data-wrapper-class="ui-custom" name="loanAmount" type="tel" id="loanAmount" data-clear-btn="true" aria-describedby="loanAmountError">
<label for="loanTerm" class="persInfoForm">
<span data-message="loanTermLabel"></span>
</label>
<span id="loanTermError" class="validationErrorMessage" role="alert"></span>
<div id="loanTermContainer">
<select data-wrapper-class="ui-custom" name="loanTerm" id="loanTerm" data-clear-btn="true" aria-describedby="loanTermError"></select>
</div>
</div>
<div id="employmentStatusDivApp1">
<label for="employmentStatusSelectApp1">
<span data-message="employmentStatus"></span>
</label>
<select id="employmentStatusSelectApp1" onchange="employmentStatusClick(this, 'employmentStatus')"></select>
</div>
<div id="employmentStatusDivOtherApp1">
<label for="employmentStatusOtherApp1">
<span data-message="employmentStatusOtherLabel"></span>
</label>
<span id="employmentStatusOtherApp1Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentStatusOtherApp1" type="text" id="employmentStatusOtherApp1" data-clear-btn="true" onchange="otherEmpStatusChange('App1')" aria-describedby="employmentStatusOtherApp1Error">
</div>
<div id="EmploymentInfoFieldsApp1">
<div id="employmentDurationDivApp1">
<label for="employmentMonthsApp1">
<span data-message="employmentDuration"></span>
</label>
<div class="form-group">
<label for="employmentYearsApp1" class="label40" data-message="year"></label>
<input data-wrapper-class="ui-custom" name="employmentYearsApp1" class="twoDigitNumber" type="tel" id="employmentYearsApp1" maxlength="2" onkeyup="focusNextElement('#employmentYearsApp1','#employmentMonthsApp1')"
onchange="onChangeYears('employmentYearsApp1')" aria-describedby="employmentYearsApp1Error" requiredfield="employmentDuration">
</div>
<div class="form-group">
<label for="employmentMonthsApp1" class="label40" data-message="month"></label>
<input data-wrapper-class="ui-custom" name="employmentMonthsApp1" class="twoDigitNumber" type="tel" id="employmentMonthsApp1" maxlength="2" onchange="onChangeMonths('employmentMonthsApp1')" aria-describedby="employmentMonthsApp1Error">
</div>
<div>
<span id="employmentYearsApp1Error" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<span id="employmentMonthsApp1Error" class="validationErrorMessage" role="alert"></span>
</div>
</div>
<div id="employmentMonthlyIncomeDivApp1">
<div>
<a href="#" data-wrapper-class="ui-custom" onclick="toggleIncome('App1')">
<div id="showIncomeDivApp1" class="inputFieldToggleText">
<span data-message="showAnnuallyIncome"></span>
</div>
</a>
</div>
<label for="employmentMonthlyIncomeApp1" id="employmentIncomeLabelApp1">
<span data-message="employmentGrossMonthlyIncome"></span>
</label>
<span id="employmentMonthlyIncomeApp1Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentMonthlyIncomeApp1" class="incomeField" type="tel" id="employmentMonthlyIncomeApp1" onchange="onTxtFldChg(this, 'monthlyIncomeApp1')" maxlength="9"
aria-describedby="employmentMonthlyIncomeApp1Error" requiredfield="income">
</div>
<div id="employmentNameDivApp1">
<label for="employmentNameApp1">
<span data-message="employmentName"></span>
</label>
<span id="employmentNameApp1Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentNameApp1" type="text" id="employmentNameApp1" data-clear-btn="true" onchange="onTxtFldChg(this, 'company')" aria-describedby="employmentNameApp1Error" requiredfield="employerName">
</div>
<div id="employmentPhoneDivApp1">
<label for="employmentPhoneApp1">
<span data-message="employerPhoneNumber"></span>
</label>
<span id="employmentPhoneApp1Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentPhoneApp1" type="tel" maxlength="14" id="employmentPhoneApp1" data-clear-btn="true" onchange="onPhoneFldChg(this, 'workPhoneApp1')" aria-describedby="employmentPhoneApp1Error"
requiredfield="employerPhone">
</div>
<div id="employmentJobTitleDivApp1">
<label for="employmentJobTitleApp1">
<span data-message="jobTitle"></span>
</label>
<span id="employmentJobTitleApp1Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentJobTitleApp1" type="text" id="employmentJobTitleApp1" data-clear-btn="true" onchange="onTxtFldChg(this, 'jobTitle')" aria-describedby="employmentJobTitleApp1Error" requiredfield="jobTitle">
</div>
</div>
<div class="nextButton">
<a href="#" class="btn btn-primary" onclick="nextButtonEmploymentApp1();" id="EmpDetailsNextButtonApp1">
<span data-message="next"></span>
</a>
</div>
</form>
<form id="employmentDataApp2">
<div id="employmentStatusDivApp2">
<label for="employmentStatusSelectApp2">
<span data-message="employmentStatus"></span>
</label>
<select id="employmentStatusSelectApp2" onchange="employmentStatusClick(this, 'employmentStatusApp2')"></select>
</div>
<div id="employmentStatusDivOtherApp2">
<label for="employmentStatusOtherApp2">
<span data-message="employmentStatusOtherLabel"></span>
</label>
<span id="employmentStatusOtherApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentStatusOtherApp2" type="text" id="employmentStatusOtherApp2" data-clear-btn="true" onchange="otherEmpStatusChange('App2')" aria-describedby="employmentStatusOtherApp2Error">
</div>
<div id="EmploymentInfoFieldsApp2">
<div id="employmentDurationDivApp2">
<label>
<span data-message="employmentDuration"></span>
</label>
<div class="form-group">
<label for="employmentYearsApp2" data-message="year" class="label40"></label>
<input data-wrapper-class="ui-custom" name="employmentYearsApp2" class="twoDigitNumber" type="tel" id="employmentYearsApp2" maxlength="2" onkeyup="focusNextElement('#employmentYearsApp2','#employmentMonthsApp2')"
onchange="onChangeYears('employmentYearsApp2')" aria-describedby="employmentYearsApp2Error" requiredfield="jointEmploymentDuration">
</div>
<div class="form-group">
<label for="employmentMonthsApp2" data-message="month" class="label40"></label>
<input data-wrapper-class="ui-custom" name="employmentMonthsApp2" class="twoDigitNumber" type="tel" id="employmentMonthsApp2" maxlength="2" onchange="onChangeMonths('employmentMonthsApp2')" aria-describedby="employmentMonthsApp2Error">
</div>
<div>
<span id="employmentYearsApp2Error" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<span id="employmentMonthsApp2Error" class="validationErrorMessage" role="alert"></span>
</div>
</div>
<div id="employmentMonthlyIncomeDivApp2">
<div>
<a href="#" data-wrapper-class="ui-custom" onclick="toggleIncome('App2')">
<div id="showIncomeDivApp2" class="inputFieldToggleText">
<span data-message="showAnnuallyIncome"></span>
</div>
</a>
</div>
<label for="employmentMonthlyIncomeApp2" id="employmentIncomeLabelApp2">
<span data-message="employmentGrossMonthlyIncome"></span>
</label>
<span id="employmentMonthlyIncomeApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentMonthlyIncomeApp2" class="incomeField" type="tel" id="employmentMonthlyIncomeApp2" onchange="onTxtFldChg(this, 'monthlyIncomeApp2')" maxlength="9"
aria-describedby="employmentMonthlyIncomeApp2Error" requiredfield="incomeApp2">
</div>
<div id="employmentNameDivApp2">
<label for="employmentNameApp2">
<span data-message="employmentName"></span>
</label>
<span id="employmentNameApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentNameApp2" type="text" id="employmentNameApp2" data-clear-btn="true" onchange="onTxtFldChg(this, 'companyApp2')" aria-describedby="employmentNameApp2Error" requiredfield="jointEmployerName">
</div>
<div id="employmentPhoneDivApp2">
<label for="employmentPhoneApp2">
<span data-message="employerPhoneNumber"></span>
</label>
<span id="employmentPhoneApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentPhoneApp2" type="tel" maxlength="14" id="employmentPhoneApp2" data-clear-btn="true" onchange="onPhoneFldChg(this, 'workPhoneApp2')" aria-describedby="employmentPhoneApp2Error"
requiredfield="jointEmployerPhone">
</div>
<div id="employmentJobTitleDivApp2">
<label for="employmentJobTitleApp2">
<span data-message="jobTitle"></span>
</label>
<span id="employmentJobTitleApp2Error" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="employmentJobTitleApp2" type="text" id="employmentJobTitleApp2" data-clear-btn="true" onchange="onTxtFldChg(this, 'jobTitleApp2')" aria-describedby="employmentJobTitleApp2Error"
requiredfield="jobTitleApp2">
</div>
</div>
<div class="nextButton">
<a href="#" class="btn btn-primary" onclick="nextButtonEmploymentApp2();" id="EmpDetailsNextButtonApp2">
<span data-message="next"></span>
</a>
</div>
</form>
<form id="olbEnrollForm">
<span data-message="OLBEnrollText"></span>
<div id="OLBUsernameDiv" class="ui-field-contain">
<div>
<label for="OLBUsernameTxtFld">
<span data-message="OLBEnrollUNLab"></span>
</label>
</div>
<div>
<input data-wrapper-class="ui-custom" name="OLBUsernameTxtFld" id="OLBUsernameTxtFld" data-clear-btn="true" aria-describedby="OLBUsernameTxtFldError">
</div>
<span class="validationErrorMessage" role="alert" id="OLBUsernameTxtFldError"></span>
<!-- DON'T DELETE BELOW CODE THIS CODE IS A PART OF DIFFERENT TICKET, WILL BE UNCOMMENT SOON
<div>
<a class="btn btn-primary" id="enrollBtn1" onclick="OLBUserCheck();">
Check User Availability
</a>
</div>-->
</div>
<div id="OLBPasswordDiv" class="ui-field-contain">
<div>
<label for="OLBPasswordTxtFld">
<span data-message="OLBEnrollPWLab"></span>
</label>
</div>
<div>
<input data-wrapper-class="ui-custom" name="OLBPasswordTxtFld" id="OLBPasswordTxtFld" data-clear-btn="true" type="password" aria-describedby="OLBPasswordTxtFldError">
</div>
<span class="validationErrorMessage" role="alert" id="OLBPasswordTxtFldError"></span>
</div>
<div id="OLBRepeatDiv" class="ui-field-contain">
<div>
<label for="OLBRepeatTxtFld">
<span data-message="OLBEnrollRepeatPWLab"></span>
</label>
</div>
<div>
<input data-wrapper-class="ui-custom" name="OLBRepeatTxtFld" id="OLBRepeatTxtFld" data-clear-btn="true" type="password" aria-describedby="OLBRepeatTxtFldError">
</div>
<span class="validationErrorMessage" role="alert" id="OLBRepeatTxtFldError"></span>
</div>
<a href="#OLBEnrollRulesPopup" rel="modal:open">
<span data-message="OLBEnrollRulesTxt"></span>
</a>
<div id="OLBEnrollRulesPopup" class="modal">
<a href="#" rel="modal:close" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-left">
<span data-message="close"></span>
</a>
<div id="OLBEnrollRulesContent" class="modal-popup-content">
<p><span data-message="OLBEnrollRulesTxt"></span></p>
<ul>
<li id="OLBEnrollUNRules" data-message="OLBEnrollUNRules"></li>
<li id="OLBEnrollPWRules" data-message="OLBEnrollPWRules"></li>
</ul>
</div>
</div>
<div>
<a class="btn btn-primary" id="enrollBtn" onclick="OLBEnroll();">
<span data-message="OLBEnrollYesBtnTxt"></span>
</a>
</div>
</form>
<form id="fundingOptionsForm">
<span id="errorFundOption" class="validationErrorMessage" role="alert"></span>
<fieldset data-role="controlgroup">
<legend>
<span data-message="selectHowToFundAcct"></span>
</legend>
</fieldset>
<a href="#" id="fudnAcctNextBtn" class="btn btn-primary">
<span data-message="next">Next</span>
</a>
<!-- PayPal Next -->
<div id="fundAcctPaypalNext" class="ui-state-disabled">
<div id="payPalMsg">
<span data-message="payPalText"></span>
</div>
<div id="paypal-button-container"></div>
</div>
</form>
<form id="bankTransferForm">
<div class="ui-field-contain" data-mini="true">
<div id="routingNumber1Div">
<label for="routingNumber1TxtFld">
<span data-message="bankRoutingNumber"></span>
</label>
<span id="routingNumber1TxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="routingNumber1TxtFld" type="tel" id="routingNumber1TxtFld" data-clear-btn="true" maxlength="32" pattern="[0-9]*" autofocus="autofocus" onchange="onBankXferRoutingNumberChg(this, WEBAPP_CONTEXT);"
aria-describedby="routingNumber1TxtFldError">
</div>
<div id="routingNumber2Div">
<label for="routingNumber2TxtFld">
<span data-message="bankRoutingNumberRepeat"></span>
</label>
<span id="routingNumber2TxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="routingNumber2TxtFld" type="tel" id="routingNumber2TxtFld" data-clear-btn="true" maxlength="32" pattern="[0-9]*" onchange="onBankXferRoutingNumberChg(this, WEBAPP_CONTEXT);"
aria-describedby="routingNumber2TxtFldError">
</div>
<div id="accountNumber1Div">
<label for="accountNumber1TxtFld">
<span data-message="bankAccountNumber"></span>
</label>
<span id="accountNumber1TxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="accountNumber1TxtFld" type="tel" id="accountNumber1TxtFld" data-clear-btn="true" maxlength="32" pattern="[0-9]*" onchange="onBankXferAccountNumberChg(this, WEBAPP_CONTEXT);"
aria-describedby="accountNumber1TxtFldError">
</div>
<div id="accountNumber2Div">
<label for="accountNumber2TxtFld">
<span data-message="bankAccountNumberRepeat"></span>
</label>
<span id="accountNumber2TxtFldError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom" name="accountNumber2TxtFld" type="tel" id="accountNumber2TxtFld" data-clear-btn="true" maxlength="32" pattern="[0-9]*" onchange="onBankXferAccountNumberChg(this, WEBAPP_CONTEXT);"
aria-describedby="accountNumber2TxtFldError">
</div>
</div>
<div id="bankXferPaymentErrorMsgDiv">
<span id="bankXferPaymentErrorMsg" class="validationErrorMessage" role="alert"></span>
</div>
<div>
<fieldset data-role="controlgroup">
<legend>
<span data-message="originatingFundsAcctType"></span>
</legend>
<div>
<input type="radio" name="fund-acctType-choice" id="fund-acctType-1" value="checking" onclick="onFundAcctTypeClick(this, WEBAPP_CONTEXT);">
<label for="fund-acctType-1">
<span data-message="fundAcctChecking"></span>
</label>
</div>
<div>
<input type="radio" name="fund-acctType-choice" id="fund-acctType-2" value="savings" onclick="onFundAcctTypeClick(this, WEBAPP_CONTEXT);">
<label for="fund-acctType-2">
<span data-message="fundAcctSavings"></span>
</label>
</div>
</fieldset>
<div>
<span id="originatingFundsAcctTypeError" class="validationErrorMessage" role="alert"></span>
</div>
</div>
<div id="ACHInformation">
<span><span data-message="ACHFundingAmountLabel"></span><span id="ACHAmount"></span></span>
<p><span data-message="ACHFundingText"></span></p>
</div>
<div id="bankXferPageNextBtnDiv">
<a href="#" class="btn btn-primary" id="bankXferNextBtn" onclick="nextButtonFundingPage('bankXferPageNextBtnDiv', WEBAPP_CONTEXT);">
<span data-message="ACHFundingNextButton"></span>
</a>
</div>
</form>
<form id="ccForm">
<div class="ui-field-contain" data-mini="true">
<div id="badCreditCardDetailsErrorDiv">
<span id="badCreditCardDetailsError" class="validationErrorMessage" role="alert"></span>
</div>
<div id="cardNumberDiv">
<label for="cardNumber">
<span data-message="creditCardNumber"></span>
<span id="ccNumTxtFldError" class="validationErrorMessage" role="alert"></span>
</label>
<input data-wrapper-class="ui-custom" name="cardNumber" type="tel" id="cardNumber" data-clear-btn="true" onchange="onCcNumberChg(this, WEBAPP_CONTEXT);" autocomplete="cc-number">
<input data-wrapper-class="ui-custom" data-clear-btn="true" type="text" id="maskCardNum" value="****************">
<!--Following parameters are for Payeezy cc implementation-->
<input type="hidden" payeezy-data="cc_number" value="" id="cc_number">
<input type="hidden" payeezy-data="cvv_code" value="" id="cvv_code">
<input type="hidden" payeezy-data="card_type" value="" id="card_type">
<input type="hidden" payeezy-data="cardholder_name" value="" id="cardholder_name">
<input type="hidden" payeezy-data="exp_month" value="" id="exp_month">
<input type="hidden" payeezy-data="exp_year" value="" id="exp_year">
<input type="hidden" payeezy-data="city" value="" id="city">
<input type="hidden" payeezy-data="country" value="US" id="country">
<input type="hidden" payeezy-data="email" value="" id="email">
<input type="hidden" payeezy-data="type" value="mobile" id="type">
<input type="hidden" payeezy-data="number" value="" id="number">
<input type="hidden" payeezy-data="street" value="" id="street">
<input type="hidden" payeezy-data="state_province" value="" id="state_province">
<input type="hidden" payeezy-data="zip_postal_code" value="" id="zip_postal_code">
<input type="hidden" name="apisecret" value="" id="apisecret">
<input type="hidden" name="token" value="" id="merchantToken">
<input type="hidden" name="transArmorToken" value="" id="transArmorToken">
<input type="hidden" name="currency" value="USD" id="currency">
<!--Following parameters are for MagicWrighter cc implementation
<input type="hidden" magicWrighter-data="cc_number" value="" id="cc_number"/>
<input type="hidden" magicWrighter-data="cc_type" value="" id="cc_type"/>
<input type="hidden" magicWrighter-data="cc_exp_month" value="" id="cc_exp_month"/>
<input type="hidden" magicWrighter-data="cc_exp_year" value="" id="cc_exp_year"/>
-->
</div>
<div id="ccExprDiv">
<label for="cardExpirationMonth">
<span data-message="creditCardExpiration"></span>
<span id="ccExprMonthTxtFldError" class="validationErrorMessage" role="alert"></span>
<span id="ccExprYearTxtFldError" class="validationErrorMessage" role="alert"></span>
<span id="ccExprDateTxtFldError" class="validationErrorMessage" role="alert"></span>
</label>
<table>
<tbody>
<tr>
<td>
<input data-wrapper-class="ui-custom cc-text" name="cardExpirationMonth" type="tel" id="cardExpirationMonth" maxlength="2" pattern="[0-9]*" data-placeholder="monthsPlaceholder" onchange="onCcExprMonthChg(this, WEBAPP_CONTEXT);"
onkeyup="jumpOnKeyUp('#cardExpirationMonth','#cardExpirationYear', '2');" placeholder="mm" autocomplete="cc-exp-month" aria-describedby="ccExprMonthTxtFldError">
</td>
<td>
<div>-</div>
</td>
<td>
<input data-wrapper-class="ui-custom cc-text" name="cardExpirationYear" type="tel" id="cardExpirationYear" maxlength="2" pattern="[0-9]*" data-placeholder="yearsPlaceholder" onchange="onCcExprYearChg(this, WEBAPP_CONTEXT)"
onkeyup="jumpOnKeyUp('#cardExpirationYear','#cvv', '2');" placeholder="yy" autocomplete="cc-exp-year" aria-describedby="ccExprYearTxtFldError">
</td>
</tr>
</tbody>
</table>
</div>
<div id="cvvDiv">
<label for="cvv">
<span data-message="creditCardCVV"></span>
</label>
<span id="ccCVVError" class="validationErrorMessage" role="alert"></span>
<input data-wrapper-class="ui-custom cc-text" name="cvv" type="tel" id="cvv" maxlength="4" pattern="[0-9]*" onchange="onCcCVVChg(this, WEBAPP_CONTEXT);" autocomplete="cc-csc" aria-describedby="ccCVVError">
</div>
<div id="creditCardPaymentErrorMsgDiv">
<span id="creditCardPaymentErrorMsg" class="validationErrorMessage" role="alert"></span>
</div>
<div id="CardInformation">
<span><span data-message="CardFundingAmountLabel"></span><span id="CardAmount"></span></span>
<p><span data-message="CardFundingText"></span></p>
</div>
<div id="ccManEntryPageNextBtnDiv">
<a href="#" class="btn btn-primary" id="ccManEntryPageNextBtn" onclick="nextButtonFundingPage('ccManEntryPageNextBtnDiv', WEBAPP_CONTEXT);">
<span data-message="submit"></span>
</a>
</div>
</div>
</form>
Text Content
LOADING ... * Yes No Close Left Right - - - - Delete : * * * * * * * * * - - * - - Delete * * * * * * * * Use same as primary * * * * Use same as primary * * * * * - - * - - Delete Use same as primary * * * * * - - * - - Delete * - - * - - Delete * * ONLINE BANKING APPS Get me to the bank website of Next - Get me to the bank website PageN - Placeholder to test navigation Form flow * * PROCESSING Misc Links LOADING