webcheckin.airarabia.com
Open in
urlscan Pro
132.145.254.1
Public Scan
URL:
https://webcheckin.airarabia.com/accelaero/en/index.html?campaignId=9612&insEmail=1&insPnName=airarabia&isIns=1&journeyId=903&key...
Submission: On February 20 via manual from SA — Scanned from DE
Submission: On February 20 via manual from SA — Scanned from DE
Form analysis
3 forms found in the DOMName: online_checked_in —
<form name="online_checked_in" class="ng-pristine ng-valid ng-valid-maxlength">
<!--<div class="col-sm-12 isMember">-->
<!--<div class="col-sm-12">-->
<!--Are you an <a href="javascript:void(0)" >Air Rewards member</a>? <a href="javascript:void(0)">Click here to login</a>-->
<!--</div>-->
<!--</div>-->
<div class="col-sm-12 ma-bt-5">
<div class="col-sm-4 formField"> Reservation Number (PNR)<br>
<span class="example">Example: 41222222</span>
</div>
<div class="col-sm-6">
<input type="text" maxlength="15" ng-model="login.model.prams.pnr" class="form-control ng-pristine ng-untouched ng-valid ng-valid-maxlength" autocomplete="true">
</div>
</div>
<div class="col-sm-12 ma-bt-5">
<div class="col-sm-4 formField">Departure airport <br>
<span class="example">Example: Sharjah</span>
</div>
<div class="col-sm-6">
<input type="text" ng-model="login.model.prams.airportcode" uib-typeahead="airport.code as airport.name for airport in login.airportList | filter:{searchFiled:$viewValue}" typeahead-input-formatter="login.formatLabel($model)"
typeahead-on-select="login.airportChange($model)" class="form-control ng-pristine ng-untouched ng-valid" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead-7-4435">
<ul class="dropdown-menu ng-isolate-scope ng-hide" ng-show="isOpen() && !moveInProgress" ng-style="{top: position().top+'px', left: position().left+'px'}" style="display: block;;display: block;" role="listbox" aria-hidden="true"
uib-typeahead-popup="" id="typeahead-7-4435" matches="matches" active="activeIdx" select="select(activeIdx)" move-in-progress="moveInProgress" query="query" position="position">
<!-- ngRepeat: match in matches track by $index -->
</ul>
</div>
<!--<div class="col-sm-9"><bs-select-picker
option-source="login.airportList"
value-field="code" token-field="searchFiled"
selected-value="login.model.prams.airportcode"
ng-model="login.model.prams.airportcode"
name-field="name" data-live-search='true' ></bs-select-picker></div>-->
</div>
<div class="col-sm-12 ma-bt-5">
<div class="col-sm-4 formField">Date of travel <br>
<span class="example ng-binding">Example: 20 Feb 2024</span>
</div>
<div class="col-sm-6">
<select id="departureDate" class="selectpicker ng-isolate-scope bs-select-hidden ng-valid" option-source="login.depDates" value-field="date" token-field="fmtDate" selected-value="login.model.prams.departuredate"
ng-model="login.model.prams.departuredate" name-field="fmtDate" data-live-search="false" is-first-empty="false" data-size="10">
<option value="2024-02-20" data-tokens="20 Feb 2024">20 Feb 2024</option>
<option value="2024-02-21" data-tokens="21 Feb 2024">21 Feb 2024</option>
</select>
<div class="btn-group bootstrap-select ng-isolate-scope"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="departureDate" title="20 Feb 2024"><span class="filter-option pull-left">20 Feb
2024</span> <span class="bs-caret"><span class="caret"></span></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="20 Feb 2024"><span class="text">20 Feb 2024</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="21 Feb 2024"><span class="text">21 Feb 2024</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
<!--<p class="input-group date-picker">
<input type="text" class="form-control"
show-weeks="false"
placeholder="dd/mm/yy"
datepicker-popup="{{login.model.bookingDate.format}}"
ng-model="login.model.prams.departuredate"
is-open="login.model.bookingDate.opened"
show-button-bar = "false"
datepicker-options="login.model.bookingDate.dateOptions"
date-disabled="login.model.bookingDate.disabled(date, mode)"
ng-required="true" ng-click="login.model.bookingDate.open($event)" />
</p>-->
</div>
</div>
<div class="col-sm-12">
<div class="col-sm-offset-8 col-sm-4 text-right">
<button id="findBooking" class="loginBtn" ng-click="login.doLogin()">Find booking</button>
</div>
</div>
<!--<div class='col-sm-6'>
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control glyphicon glyphicon-calendar" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>-->
<!--<input type="text" ng-model="selected" uib-typeahead="name as login.airportList.name for name in login.airportList | filter:{name:$viewValue} | limitTo:8" class="form-control">-->
<!--<!–<input type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control">–>-->
</form>
Name: pax_contact_form —
<form name="pax_contact_form" class="ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-min ng-valid-max">
<div class="row hidden-xs hidden-sm clearfix contact-normal ">
<div class="hidden-xs hidden-sm col-sm-12 paxName ng-binding"></div>
</div>
<!--<div class="row validation-container">-->
<!--<span style="float: right;" class=" validation-info">Mandatory Fields <span class="star glyphicon glyphicon-star"></span></span>-->
<!--</div>-->
<!---------------------------->
<!--Contact Information section-->
<!---------------------------->
<div class="row contact-container">
<div class="col-sm-6">
<div class="row ma-bt-2">
<div class="col-md-6 field-name">Passenger First Name </div>
<div class="col-md-6">
<input id="firstName" ng-disabled="paxInfo.CheckInGenderIndicator=='I' || paxInfo.CheckInGenderIndicator=='F' || paxInfo.CheckInGenderIndicator=='M'" class="form-control ng-pristine ng-untouched ng-valid ng-valid-required"
ng-model="paxInfo.firstName" name="firstName" ng-required="">
</div>
</div>
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.secondName.$invalid &&(pax_contact_form.secondName.$dirty || pax_contact_form.secondName.$touched)}">Passenger Last Name</span>
<!-- ngIf: pax_contact_form.secondName.$invalid &&(pax_contact_form.secondName.$dirty || pax_contact_form.secondName.$touched) -->
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.secondName.$invalid &&(pax_contact_form.secondName.$dirty || pax_contact_form.secondName.$touched)}" id="secondName" pattern="[A-Za-z]*"
class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" ng-disabled="paxInfo.CheckInGenderIndicator=='F' || paxInfo.CheckInGenderIndicator=='M'" ng-model="paxInfo.secondName" name="lastName"
required="">
</div>
</div>
<div class="row ma-bt-2 ">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0"
ng-class="{'errorField':(pax_contact_form.datepicker1.$invalid &&(pax_contact_form.datepicker1.$dirty || pax_contact_form.datepicker1.$touched)) || (pax_contact_form['birthInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['birthInputMobile'+selectedPaxId].$dirty || pax_contact_form['birthInputMobile'+selectedPaxId].$touched))}">Date
of Birth</span>
<!-- ngIf: pax_contact_form['birthInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['birthInputMobile'+selectedPaxId].$dirty || pax_contact_form['birthInputMobile'+selectedPaxId].$touched) -->
<!-- ngIf: pax_contact_form.datepicker1.$invalid &&(pax_contact_form.datepicker1.$dirty || pax_contact_form.datepicker1.$touched) -->
</div>
<div class="col-md-6">
<input type="date" class="form-control visible-xs visible-sm ng-pristine ng-untouched ng-valid-min ng-valid-max ng-invalid ng-invalid-required" placeholder="mm/dd/yyyy" id="birthInputMobile" name="birthInputMobile"
ng-model="mobileBirthDate" min="" max="" required="" ng-change="onDobChange()"
ng-class="{'errorField':(pax_contact_form.datepicker1.$invalid &&(pax_contact_form.datepicker1.$dirty || pax_contact_form.datepicker1.$touched)) || (pax_contact_form['birthInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['birthInputMobile'+selectedPaxId].$dirty || pax_contact_form['birthInputMobile'+selectedPaxId].$touched))}">
<div class="input-group date-picker visible-md visible-lg">
<input type="text" class="form-control input-group-addon glyphicon glyphicon-calendar ng-pristine ng-untouched ng-isolate-scope ng-invalid ng-invalid-required" bootstrap-date-picker=""
ng-class="{'errorField':(pax_contact_form.datepicker1.$invalid &&(pax_contact_form.datepicker1.$dirty || pax_contact_form.datepicker1.$touched)) || (pax_contact_form['birthInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['birthInputMobile'+selectedPaxId].$dirty || pax_contact_form['birthInputMobile'+selectedPaxId].$touched))}"
placeholder="dd/mm/yy" ng-required="true" required="required" view-mode="years" min-date="" max-date="" pax-model="paxInfo.dateOfBirth" date-format="DD/MM/YYYY" value="" id="datepicker1" name="datepicker1"
ng-model="paxInfo.dateOfBirth">
</div>
<!-- <div ng-if="!paxInfo.PassengerRPH && paxInfo.CheckInGenderIndicator != 'C'" class='input-group date-picker' bootstrap-date-picker
view-mode='years'
min-date=""
max-date="{{calendarInfo.dobMaxDate}}"
pax-model="paxInfo.dateOfBirth"
date-format="DD/MM/YYYY">
<input type='text' class="form-control input-group-addon glyphicon glyphicon-calendar"
placeholder="dd/mm/yy"
ng-required="true"
value="" id="datepicker1" ng-model="paxInfo.dateOfBirth"/>
</div>
<div ng-if="paxInfo.PassengerRPH && paxInfo.CheckInGenderIndicator != 'C'" class='input-group date-picker' bootstrap-date-picker
view-mode='years'
min-date="{{calendarInfo.infantDobMinDate}}"
max-date="{{calendarInfo.infantDobMaxDate}}"
pax-model="paxInfo.dateOfBirth"
date-format="DD/MM/YYYY">
<input type='text' class="form-control input-group-addon glyphicon glyphicon-calendar"
placeholder="dd/mm/yy"
ng-model="paxInfo.dateOfBirth"
ng-required="true" />
<!– <span class="input-group-addon" >
<span class="glyphicon glyphicon-calendar"></span>
</span>–>
</div>
<div ng-if="!paxInfo.PassengerRPH && paxInfo.CheckInGenderIndicator === 'C'" class='input-group date-picker' bootstrap-date-picker
view-mode='years'
min-date="{{calendarInfo.dobMaxDate}}"
max-date="{{calendarInfo.infantDobMinDate}}"
pax-model="paxInfo.dateOfBirth"
date-format="DD/MM/YYYY">
<input type='text' class="form-control input-group-addon glyphicon glyphicon-calendar"
placeholder="dd/mm/yy"
ng-model="paxInfo.dateOfBirth"
ng-required="true" selected-value="paxInfo.dateOfBirth"/>
<!– <span class="input-group-addon" >
<span class="glyphicon glyphicon-calendar"></span>
</span>–>
</div>-->
</div>
</div>
<div class="row ma-bt-2 ">
<div class="col-xs-12 col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.gender.$invalid &&(pax_contact_form.gender.$dirty || pax_contact_form.gender.$touched)}">Gender</span>
<!-- ngIf: pax_contact_form.gender.$invalid &&(pax_contact_form.gender.$dirty || pax_contact_form.gender.$touched) -->
</div>
<div class="col-xs-12 col-md-6">
<select ng-class="{'errorField':pax_contact_form.gender.$invalid &&(pax_contact_form.gender.$dirty || pax_contact_form.gender.$touched)}" id="gender" name="gender" ng-model="paxInfo.gender" selected-value="paxInfo.gender"
option-source="genders" value-field="type" name-field="type" is-first-empty="false" live-search="false" required="required" data-live-search="false" data-size="10" class="ng-isolate-scope bs-select-hidden ng-invalid ng-invalid-required">
<option value="Male" data-tokens="undefined">Male</option>
<option value="Female" data-tokens="undefined">Female</option>
</select>
<div class="btn-group bootstrap-select ng-isolate-scope"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="gender" title="Male"><span class="filter-option pull-left">Male</span> <span
class="bs-caret"><span class="caret"></span></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="undefined"><span class="text">Male</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="undefined"><span class="text">Female</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="row ma-bt-2">
<div class="col-xs-12 col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.docTypes.$invalid &&(pax_contact_form.docTypes.$dirty || pax_contact_form.docTypes.$touched)}">Document Type</span>
<!-- ngIf: pax_contact_form.docTypes.$invalid &&(pax_contact_form.docTypes.$dirty || pax_contact_form.docTypes.$touched) -->
</div>
<div class="col-xs-12 col-md-6">
<select id="docTypes" name="docTypes" ng-class="{'errorField':pax_contact_form.docTypes.$invalid &&(pax_contact_form.docTypes.$dirty || pax_contact_form.docTypes.$touched)}" required="required" option-source="docTypes"
value-field="code" name-field="type" is-first-empty="false" live-search="false" on-change="onDocTypeChange(selectedValue)" selected-value="paxInfo.docType" ng-model="paxInfo.docType" data-live-search="false" data-size="10"
class="ng-isolate-scope bs-select-hidden ng-invalid ng-invalid-required">
<option value="PP" data-tokens="undefined">Passport</option>
<option value="GCC" data-tokens="undefined">GCC ID</option>
</select>
<div class="btn-group bootstrap-select ng-isolate-scope"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="docTypes" title="Passport"><span
class="filter-option pull-left">Passport</span> <span class="bs-caret"><span class="caret"></span></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="undefined"><span class="text">Passport</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="undefined"><span class="text">GCC ID</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0 ng-binding" ng-class="{'errorField':pax_contact_form.docNumber.$invalid &&(pax_contact_form.docNumber.$dirty || pax_contact_form.docNumber.$touched)}">Passport number</span>
<!-- ngIf: pax_contact_form.docNumber.$invalid &&(pax_contact_form.docNumber.$dirty || pax_contact_form.docNumber.$touched) -->
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.docNumber.$invalid &&(pax_contact_form.docNumber.$dirty || pax_contact_form.docNumber.$touched)}" id="docNumber" pattern="[A-Za-z0-9]*"
class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" ng-model="paxInfo.docNumber" name="docNumber" required="">
</div>
</div>
<!-- <div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.docIssueCountry.$invalid &&(pax_contact_form.docIssueCountry.$dirty || pax_contact_form.docIssueCountry.$touched)}">{{docType.docCountryOfIssueLbl}}</span>
<span class="validator col-xs-12 col-md-12" ng-if="pax_contact_form.docIssueCountry.$invalid &&(pax_contact_form.docIssueCountry.$dirty || pax_contact_form.docIssueCountry.$touched)">
<span class="errorMsg" ng-if="pax_contact_form.docIssueCountry.$error.pattern">Invalid {{docType.docCountryOfIssueLbl}}</span>
<span class="errorMsg" ng-if="pax_contact_form.docIssueCountry.$error.required">{{docType.docCountryOfIssueLbl}} is required</span>
</span>
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.docIssueCountry.$invalid &&(pax_contact_form.docIssueCountry.$dirty || pax_contact_form.docIssueCountry.$touched)}" id="docIssueCountry" pattern="[A-Za-z\s]*" type="text" ng-model="paxInfo.docIssueCountry" selected-value="paxInfo.citizenship"
uib-typeahead="country.code as country.name for country in countries | filter:{name:$viewValue}"
typeahead-input-formatter="formatLabel($model)"
class="form-control" name="docIssueCountry" required>
<!- -<bs-select-picker ng-model="paxInfo.docIssueCountry" option-source="countries" value-field="code"
name-field="name" token-field="name" data-live-search="true" selected-value="paxInfo.citizenship"></bs-select-picker>
- ->
</div>
</div>-->
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0 ng-binding"
ng-class="{'errorField':(pax_contact_form.datepicker2.$invalid &&(pax_contact_form.datepicker2.$dirty || pax_contact_form.datepicker2.$touched)) || (pax_contact_form['passExpInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['passExpInputMobile'+selectedPaxId].$dirty || pax_contact_form['passExpInputMobile'+selectedPaxId].$touched))}">Passport
expiry date</span>
<!-- ngIf: pax_contact_form['passExpInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['passExpInputMobile'+selectedPaxId].$dirty || pax_contact_form['passExpInputMobile'+selectedPaxId].$touched) -->
<!-- ngIf: pax_contact_form.datepicker2.$invalid &&(pax_contact_form.datepicker2.$dirty || pax_contact_form.datepicker2.$touched) -->
</div>
<div class="col-md-6">
<!--<p class="input-group date-picker">-->
<!--<input type="text" class="form-control"-->
<!--placeholder="dd/mm/yy"-->
<!--datepicker-popup="{{ppExp.format}}"-->
<!--is-open="ppExp.opened"-->
<!--show-button-bar = "false"-->
<!--datepicker-options="ppExp.dateOptions"-->
<!--min-date="ppExp.minDate"-->
<!--date-disabled="ppExp.disabled(date, mode)"-->
<!--ng-required="true" ng-click="ppExp.open($event)"-->
<!--datepicker-mode="'year'"-->
<!--ng-model="paxInfo.docExpireDate" readonly/>-->
<!--</p>-->
<input class="form-control visible-xs visible-sm ng-pristine ng-untouched ng-valid-min ng-invalid ng-invalid-required" type="date" placeholder="mm/dd/yyyy" id="passExpInputMobile" name="passExpInputMobile" ng-model="mobilePassDate"
min="2024-02-20" required="" ng-change="onPassChange()"
ng-class="{'errorField':(pax_contact_form.datepicker2.$invalid &&(pax_contact_form.datepicker2.$dirty || pax_contact_form.datepicker2.$touched)) || (pax_contact_form['passExpInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['passExpInputMobile'+selectedPaxId].$dirty || pax_contact_form['passExpInputMobile'+selectedPaxId].$touched))}">
<div class="input-group date-picker visible-lg visible-md">
<input type="text" class="form-control input-group-addon glyphicon glyphicon-calendar ng-pristine ng-untouched ng-isolate-scope ng-invalid ng-invalid-required" bootstrap-date-picker=""
ng-class="{'errorField':(pax_contact_form.datepicker2.$invalid &&(pax_contact_form.datepicker2.$dirty || pax_contact_form.datepicker2.$touched)) || (pax_contact_form['passExpInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['passExpInputMobile'+selectedPaxId].$dirty || pax_contact_form['passExpInputMobile'+selectedPaxId].$touched))}"
placeholder="dd/mm/yy" required="required" view-mode="years" min-date="02/20/2024" max-date="" pax-model="paxInfo.docExpireDate" date-format="DD/MM/YYYY" ng-required="true" id="datepicker2" name="datepicker2"
ng-model="paxInfo.docExpireDate">
</div>
</div>
</div>
<div class="row ma-bt-2 ">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.citizenship.$invalid &&(pax_contact_form.citizenship.$dirty || pax_contact_form.citizenship.$touched)}">Nationality</span>
<!-- ngIf: pax_contact_form.citizenship.$invalid &&(pax_contact_form.citizenship.$dirty || pax_contact_form.citizenship.$touched) -->
<span class="validator col-xs-12 col-md-12 ">
<span class="errorMsg text-left ng-hide" ng-class="{ 'rtl-style':isAr }" ng-show="isNotInList || pax_contact_form.citizenship.$error.pattern " style="">Nationality must be selected from the list.</span>
</span>
</div>
<div class="col-md-6">
<!--<bs-select-picker autocomplete="off" ng-model="paxInfo.citizenship"
option-source="countries"
value-field="code"
name-field="name"
token-field="name"
data-live-search='true'
on-change="onChangeCitizenship(selectedValue)"
selected-value="paxInfo.citizenship" id="citizen"></bs-select-picker>-->
<input ng-class="{'errorField':pax_contact_form.citizenship.$invalid &&(pax_contact_form.citizenship.$dirty || pax_contact_form.citizenship.$touched)}" id="citizenship" pattern="[A-Za-z\s,()' -]*" type="text"
ng-model="paxInfo.citizenship" selected-value="paxInfo.citizenship" uib-typeahead="citizen.code as citizen.name for citizen in citizenshipList | filter:{name:$viewValue}" typeahead-input-formatter="formatLabelCitizen($model)"
typeahead-select-on-exact="true" typeahead-focus="" class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" name="citizenship" ng-change="validateCitizenship()"
typeahead-on-select="validateCitizenship()" required="" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead-81-1229">
<ul class="dropdown-menu ng-isolate-scope ng-hide" ng-show="isOpen() && !moveInProgress" ng-style="{top: position().top+'px', left: position().left+'px'}" style="display: block;" role="listbox" aria-hidden="true"
uib-typeahead-popup="" id="typeahead-81-1229" matches="matches" active="activeIdx" select="select(activeIdx)" move-in-progress="moveInProgress" query="query" position="position">
<!-- ngRepeat: match in matches track by $index -->
</ul>
</div>
</div>
<!-- <div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.travelerCountryCode.$invalid &&(pax_contact_form.travelerCountryCode.$dirty || pax_contact_form.travelerCountryCode.$touched)}">{{docType.docCountryOfTravelerLbl}}</span>
<span class="validator col-xs-12 col-md-12" ng-if="pax_contact_form.travelerCountryCode.$invalid &&(pax_contact_form.travelerCountryCode.$dirty || pax_contact_form.travelerCountryCode.$touched)">
<span class="errorMsg" ng-if="pax_contact_form.travelerCountryCode.$error.pattern">Invalid {{docType.docCountryOfTravelerLbl}}</span>
<span class="errorMsg" ng-if="pax_contact_form.travelerCountryCode.$error.required">{{docType.docCountryOfApTravelerl}} is required</span>
</span>
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.travelerCountryCode.$invalid &&(pax_contact_form.travelerCountryCode.$dirty || pax_contact_form.travelerCountryCode.$touched)}" id="travelerCountryCode" pattern="[A-Za-z\s]*" type="text" ng-model="paxInfo.travelerCountryCode" selected-value="paxInfo.citizenship"
uib-typeahead="country.icaoCode as country.name for country in countries | filter:{name:$viewValue}"
typeahead-input-formatter="formatLabelICAO($model)"
class="form-control" name="travelerCountryCode" required>
</div>
</div>-->
</div>
</div>
<div class="row ">
<div class="col-sm-12 col-lg-6 header contact-normal">
<span>Emergency Contact Details</span>
</div>
<div class="col-sm-12 col-lg-7 no-contact-info" ng-click="onClicked()">
<span class="textdesc">
<input type="checkbox" ng-checked="paxInfo.isContactChecked" id="contactCheckbox"> I decline to provide this information</span>
</div>
<div class="col-sm-12 prepare fadeInUp ng-hide" style="z-index: 52;" ng-show="paxInfo.isContactViewVisible">
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.contactName.$invalid &&(pax_contact_form.contactName.$dirty || pax_contact_form.contactName.$touched)}">Contact Person Name</span>
<!-- ngIf: pax_contact_form.contactName.$invalid &&(pax_contact_form.contactName.$dirty || pax_contact_form.contactName.$touched) -->
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.contactName.$invalid &&(pax_contact_form.contactName.$dirty || pax_contact_form.contactName.$touched)}" id="contactName" pattern="[A-Za-z\s]*"
class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" ng-model="paxInfo.contactName" name="contactName" required="">
</div>
</div>
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.contactNumber.$invalid &&(pax_contact_form.contactNumber.$dirty || pax_contact_form.contactNumber.$touched)}">Contact number</span>
<!-- ngIf: pax_contact_form.contactNumber.$invalid &&(pax_contact_form.contactNumber.$dirty || pax_contact_form.contactNumber.$touched) -->
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.contactNumber.$invalid &&(pax_contact_form.contactNumber.$dirty || pax_contact_form.contactNumber.$touched)}" id="contactNumber" pattern="[0-9\s]*"
class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" ng-model="paxInfo.contactNumber" name="contactNumber" required="">
</div>
</div>
</div>
</div>
<!---------------------------->
<!--Visa Information section-->
<!---------------------------->
<div class="row visa-container">
<div class="col-sm-12 col-lg-6 header contact-normal">
<span>Visa Information</span>
</div>
<div class="col-sm-12 col-lg-7 no-contact-info" ng-click="onChecked()">
<span class="textdesc">
<!--<input type="checkbox" ng-checked="!model.isChecked" id="visaCheckbox" > I do not have this info right now</span>-->
<input type="checkbox" ng-checked="visaChecked" id="visaCheckbox" checked="checked"> I do not have this info right now</span>
</div>
<!--<div class="col-sm-6 visa-div prepare fadeInUp" style="z-index: 52;" ng-show="!model.isViewVisible">-->
<div class="col-sm-6 visa-div prepare fadeInUp ng-hide" style="z-index: 52;" ng-hide="visaChecked">
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.visaNumber.$invalid &&(pax_contact_form.visaNumber.$dirty || pax_contact_form.visaNumber.$touched)}">Visa number</span>
<!-- ngIf: pax_contact_form.visaNumber.$invalid &&(pax_contact_form.visaNumber.$dirty || pax_contact_form.visaNumber.$touched) -->
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.visaNumber.$invalid &&(pax_contact_form.visaNumber.$dirty || pax_contact_form.visaNumber.$touched)}" id="visaNumber" pattern="[0-9\s]*"
class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" ng-model="paxInfo.visaInfo.visaNumber" name="visaNumber" required="">
</div>
</div>
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.visaPlaceOfIssue.$invalid &&(pax_contact_form.visaPlaceOfIssue.$dirty || pax_contact_form.visaPlaceOfIssue.$touched)}">Visa place of issue</span>
<!-- ngIf: pax_contact_form.visaPlaceOfIssue.$invalid &&(pax_contact_form.visaPlaceOfIssue.$dirty || pax_contact_form.visaPlaceOfIssue.$touched) -->
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.visaPlaceOfIssue.$invalid &&(pax_contact_form.visaPlaceOfIssue.$dirty || pax_contact_form.visaPlaceOfIssue.$touched)}" id="visaPlaceOfIssue" pattern="[A-Za-z\s]*"
class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" ng-model="paxInfo.visaInfo.visaPlaceOfIssue" name="visaPlaceOfIssue" required="">
</div>
</div>
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0"
ng-class="{'errorField':(pax_contact_form.datepicker3.$invalid &&(pax_contact_form.datepicker3.$dirty || pax_contact_form.datepicker3.$touched)) || (pax_contact_form['visaIssueInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['visaIssueInputMobile'+selectedPaxId].$dirty || pax_contact_form['visaIssueInputMobile'+selectedPaxId].$touched))}">Visa
issue Date</span>
<!-- ngIf: pax_contact_form['visaIssueInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['visaIssueInputMobile'+selectedPaxId].$dirty || pax_contact_form['visaIssueInputMobile'+selectedPaxId].$touched) -->
<!-- ngIf: pax_contact_form.datepicker3.$invalid &&(pax_contact_form.datepicker3.$dirty || pax_contact_form.datepicker3.$touched) -->
</div>
<div class="col-md-6">
<!--<p class="input-group date-picker">
<input type="text" class="form-control"
placeholder="dd/mm/yy"
datepicker-popup="{{visExp.format}}"
ng-model="paxInfo.visaExpiry"
is-open="visExp.opened"
show-button-bar = "false"
min-date="visExp.minDate"
datepicker-options="visExp.dateOptions"
date-disabled="visExp.disabled(date, mode)"
ng-required="true" ng-click="visExp.open($event)"
ng-model="paxInfo.visaIssueDate" readonly/>
</p>-->
<input class="form-control visible-xs visible-sm ng-pristine ng-untouched ng-valid-max ng-invalid ng-invalid-required" type="date" placeholder="mm/dd/yyyy" id="visaIssueInputMobile" name="visaIssueInputMobile" ng-model="mobileVisaIssDate"
max="2024-02-20" required="" ng-change="onVisaChange()"
ng-class="{'errorField':(pax_contact_form.datepicker3.$invalid &&(pax_contact_form.datepicker3.$dirty || pax_contact_form.datepicker3.$touched)) || (pax_contact_form['visaIssueInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['visaIssueInputMobile'+selectedPaxId].$dirty || pax_contact_form['visaIssueInputMobile'+selectedPaxId].$touched))}">
<div class="input-group date-picker visible-md visible-lg">
<input type="text" class="form-control input-group-addon glyphicon glyphicon-calendar ng-pristine ng-untouched ng-isolate-scope ng-invalid ng-invalid-required" bootstrap-date-picker=""
ng-class="{'errorField':(pax_contact_form.datepicker3.$invalid &&(pax_contact_form.datepicker3.$dirty || pax_contact_form.datepicker3.$touched)) || (pax_contact_form['visaIssueInputMobile'+selectedPaxId].$invalid &&(pax_contact_form['visaIssueInputMobile'+selectedPaxId].$dirty || pax_contact_form['visaIssueInputMobile'+selectedPaxId].$touched))}"
placeholder="dd/mm/yy" required="required" view-mode="years" min-date="" max-date="02/20/2024" pax-model="paxInfo.visaInfo.visaIssueDate" date-format="DD/MM/YYYY" ng-required="true" id="datepicker3" name="datepicker3"
ng-model="paxInfo.visaInfo.visaIssueDate">
</div>
</div>
</div>
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.visaCountryOfIssue.$invalid &&(pax_contact_form.visaCountryOfIssue.$dirty || pax_contact_form.visaCountryOfIssue.$touched)}">Visa country of
issue</span>
<!-- ngIf: pax_contact_form.visaCountryOfIssue.$invalid &&(pax_contact_form.visaCountryOfIssue.$dirty || pax_contact_form.visaCountryOfIssue.$touched) -->
</div>
<div class="col-md-6">
<!-- <bs-select-picker
autocomplete="off"
option-source="countries"
value-field="code"
name-field="name" token-field="name" ng-model="paxInfo.visaInfo.visaCountryOfIssue"
data-live-search='true'
selected-value="paxInfo.visaInfo.visaCountryOfIssue"></bs-select-picker>-->
<input ng-class="{'errorField':pax_contact_form.visaCountryOfIssue.$invalid &&(pax_contact_form.visaCountryOfIssue.$dirty || pax_contact_form.visaCountryOfIssue.$touched)}" id="visaCountryOfIssue" pattern="[A-Za-z\s]*" type="text"
ng-model="paxInfo.visaInfo.visaCountryOfIssue" selected-value="paxInfo.visaInfo.visaCountryOfIssue" uib-typeahead="country.code as country.name for country in countries | filter:{name:$viewValue}"
typeahead-input-formatter="formatLabel($model)" class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" name="visaCountryOfIssue" required="" aria-autocomplete="list" aria-expanded="false"
aria-owns="typeahead-83-8245">
<ul class="dropdown-menu ng-isolate-scope ng-hide" ng-show="isOpen() && !moveInProgress" ng-style="{top: position().top+'px', left: position().left+'px'}" style="display: block;" role="listbox" aria-hidden="true"
uib-typeahead-popup="" id="typeahead-83-8245" matches="matches" active="activeIdx" select="select(activeIdx)" move-in-progress="moveInProgress" query="query" position="position">
<!-- ngRepeat: match in matches track by $index -->
</ul>
</div>
</div>
</div>
<!--<div class="col-sm-6 visa-div prepare fadeInUp" ng-show="!model.isViewVisible">-->
<div class="col-sm-6 visa-div prepare fadeInUp ng-hide" ng-hide="visaChecked" style="">
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.placeOfBirth.$invalid &&(pax_contact_form.placeOfBirth.$dirty || pax_contact_form.placeOfBirth.$touched)}">Place of birth</span>
<!-- ngIf: pax_contact_form.placeOfBirth.$invalid &&(pax_contact_form.placeOfBirth.$dirty || pax_contact_form.placeOfBirth.$touched) -->
</div>
<div class="col-md-6">
<input ng-class="{'errorField':pax_contact_form.placeOfBirth.$invalid &&(pax_contact_form.placeOfBirth.$dirty || pax_contact_form.placeOfBirth.$touched)}" id="placeOfBirth" pattern="[A-Za-z\s]*"
class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" ng-model="paxInfo.visaInfo.placeOfBirth" name="placeOfBirth" required="">
</div>
</div>
<div class="row ma-bt-2">
<div class="col-md-6 field-name">
<span class="col-xs-12 col-md-12 pd-lr-0" ng-class="{'errorField':pax_contact_form.visaApplicableCountry.$invalid &&(pax_contact_form.visaApplicableCountry.$dirty || pax_contact_form.visaApplicableCountry.$touched)}">Applicable
country</span>
<!-- ngIf: pax_contact_form.visaApplicableCountry.$invalid &&(pax_contact_form.visaApplicableCountry.$dirty || pax_contact_form.visaApplicableCountry.$touched) -->
</div>
<div class="col-md-6">
<!-- <bs-select-picker
autocomplete="off"
option-source="countries"
value-field="code"
name-field="name" token-field="name" ng-model="paxInfo.visaInfo.visaCountryOfIssue"
data-live-search='true'
selected-value="paxInfo.visaInfo.visaCountryOfIssue"></bs-select-picker>-->
<input ng-class="{'errorField':pax_contact_form.visaApplicableCountry.$invalid &&(pax_contact_form.visaApplicableCountry.$dirty || pax_contact_form.visaApplicableCountry.$touched)}" id="visaApplicableCountry" pattern="[A-Za-z\s]*"
type="text" ng-model="paxInfo.visaInfo.visaApplicableCountry" selected-value="paxInfo.visaInfo.visaCountryOfIssue" uib-typeahead="country.code as country.name for country in countries | filter:{name:$viewValue}"
typeahead-input-formatter="formatLabel($model)" class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" name="visaApplicableCountry" required="" aria-autocomplete="list" aria-expanded="false"
aria-owns="typeahead-84-3871">
<ul class="dropdown-menu ng-isolate-scope ng-hide" ng-show="isOpen() && !moveInProgress" ng-style="{top: position().top+'px', left: position().left+'px'}" style="display: block;" role="listbox" aria-hidden="true"
uib-typeahead-popup="" id="typeahead-84-3871" matches="matches" active="activeIdx" select="select(activeIdx)" move-in-progress="moveInProgress" query="query" position="position">
<!-- ngRepeat: match in matches track by $index -->
</ul>
</div>
</div>
</div>
</div>
<!--I agree Section-->
<div class="row">
<!--<div class="col-sm-12 " ng-click="onPaxInfoCompleteClick()">-->
<!--<div class="i-agree">-->
<!--<input type="checkbox" ng-model="paxInfo.isContactCompleted" ng-change="onPaxInfoCompleteClick()"> By checking this box I certify that the information provided by me above is correct-->
<!--</div>-->
<!--</div>-->
</div>
</form>
POST https://webcheckin.airarabia.com/accelaero/ViewBoardingCard
<form action="https://webcheckin.airarabia.com/accelaero/ViewBoardingCard" id="printBoardingCard" target="_blank" method="post" class="ng-pristine ng-valid">
<input type="hidden" name="paxList" value="" id="paxList">
<!--<input type='submit'/>-->
</form>
Text Content
ONLINE CHECK-IN Reservation Number (PNR) Example: 41222222 Departure airport Example: Sharjah Date of travel Example: 20 Feb 2024 20 Feb 202421 Feb 2024 20 Feb 2024 * 20 Feb 2024 * 21 Feb 2024 Find booking * * ✓ 1 Select passenger * ✓ 2 Passenger info * ✓ 3 Security check * ✓ 4 Seats selection * ✓ 5 Boarding pass * Available Flights Confirm passenger details for Passenger First Name Passenger Last Name Date of Birth Gender MaleFemale Male * Male * Female Document Type PassportGCC ID Passport * Passport * GCC ID Passport number Passport expiry date Nationality Nationality must be selected from the list. Emergency Contact Details I decline to provide this information Contact Person Name Contact number Visa Information I do not have this info right now Visa number Visa place of issue Visa issue Date Visa country of issue Place of birth Applicable country Are you carrying any Dangerous Goods or sharp objects in your carry-on luggage? Civil Aviation Safety Regulations forbid the carriage of most items of Dangerous Goods onto an aircraft. FLAMMABLE LIQUIDS ORGANIC PEROXIDES TOXIC SUBSTANCES RADIOACTIVE MATERIALS GASES FLAMMABLE SOLIDS CORROSIVES INFECTIOUS SUBSTANCES MAGNETIZED MATERIALS OXIDIZING MATERIALS EXPLOSIVES MISCELLANEOUS INCLUDING ASBESTOS,DRY ICE, ENGINES Yes No, I am not carrying any of the above Select Passenger from the list below Select Passenger from the list below Seats Selected Skip seat selection Get boarding pass CONGRATULATIONS! You are checked-in. You have successfully completed the check-in procedure for below passenger(s). Please visit our airport counter before the flight to drop your luggage, if you have any, and collect your boarding pass(es). View Boarding pass Email Printable boarding pass Air Arabia Boading Pass HTML #foreach( $payload in $payloadLst ) Your check-in has been successful. However boarding pass(es) have not been issued because you (or a passenger travelling with ypu) requires assistance. Please present this to our Check-in / Rework Counter at the airport for issuance of boarding pass(es). Your Flights Flights Out: From To Flights Passenger Name Seat $payload.date $payload.departureTime $payload.from $payload.boardingTime $payload.to $payload.flightNo $payload.name $payload.seat THIS IS NOT A BOARDING PASS Traveling with baggage? Traveling with carry-on baggage Carry-on baggage dimension Acceptance of baggage closes 90 minutes before departure. 1.Proceed directly to a dedicated Fast Bag Drop counter. 2.Present your online boarding pass to a customer service agent who will process your bags. Note: If you arrive at the Fast Bag Drop counter after flight closure, you will not be able to board the flight. Proceed thorought security to immigration and check the airport displays for your departure gate number and proceed to your gate for your flight. Proceed through security to immigration and check the airport displays for your departure gate number and proceed to your gate for your flight. Boarding gate closes 30 minutes before departure. If you arrive after the boarding gate closes, you will not be able to board your booked flight. Depending on your fare type, the fare may be forfeited or you may need to pay a change fee plus any difference between the fare for your new booking and the original fee. Important Seating: We do not guarantee any particular seat as we may need to change it for operational, safety or security reasons, even after you have boarded the aircraft. SECURITY REQUIREMENTS 1.Ensure that your baggage is in your possession at all times 2.You must be aware of the contents in your baggage 3.You need to be aware that classified dangerous goods are not permitted in your baggage You are deemed to have agreed and complied with the our security requirements IMPORTANT NOTICE 1.Boarding gate closes 30 minutes before departure time 2.Ensure that you have all the valid travel documents with you and visa 3.Baggage allowance entitlement is as per stated in your E-ticket 4.Acceptance of this boarding pass is subject to the Airport Authority ruling 5.For operational, safety or security reasons, we may change your seat even after you have boarded the aircraft Thank you for flying with Air Arabia #end Please wait, loading...