oce.americanexpress.com Open in urlscan Pro
139.71.48.111  Public Scan

Form analysis
1 forms found in the DOM

Name: activationCntrl.activationform — POST

<form name="activationCntrl.activationform" oce-submit="activationCntrl.verifyCard()" method="post" autocomplete="off" novalidate="" class="ng-pristine ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength">
  <div>
    <div id="card-input-form-fields-container">
      <div class="oce-card-input-block" id="card-input-cm15-container">
        <div id="cm15-input-block" class="validated-text-input-block"
          ng-class="{'input-has-error':(activationCntrl.isCm15ValidationError &amp;&amp; activationCntrl.activationform.ccnumber.$invalid), 'input-is-valid':(activationCntrl.isCm15ValidationSuccess || activationCntrl.activationform.ccnumber.$valid)}">
          <div class="inner-input-block"> <!-- ngIf: activationCntrl.cardImageCm15 == 'double' -->
            <figure class="card-cm15-image-double card-graphic-figure ng-scope" ng-if="activationCntrl.cardImageCm15 == 'double'">
              <div class="card-cm15-image-label-container"> <span id="card-cm15-image-label-front" class="card-input-image-label ng-scope" translate="cardInput.labels.image.front.label">Front</span> <span id="card-cm15-image-label-back"
                  class="card-input-image-label ng-scope" translate="cardInput.labels.image.back.label">Back</span> </div> <img ng-src="https://cdaas.americanexpress.com/myca/oce/latest/content/images/common/cm15-double-card-revamp.svg"
                oce-translate-attr="{'title':'cardInput.labels.image.cm15.title', 'alt':'cardInput.labels.image.cm15.alt'}" class="card-details-graphic" id="card-details-graphic-cm15-double"
                src="https://cdaas.americanexpress.com/myca/oce/latest/content/images/common/cm15-double-card-revamp.svg" title="" alt="">
              <div class="figcaption-container">
                <figcaption id="custom-cardInput" translate="cardInput.labels.image.cm15.desc" class="ng-scope">15-Digit Card Number</figcaption>
              </div>
            </figure><!-- end ngIf: activationCntrl.cardImageCm15 == 'double' --> <!-- ngIf: activationCntrl.cardImageCm15 == 'stackedCardArtCm15' -->
            <div class="validated-text-input-container">
              <div class="validated-text-input-label"> <label for="ccnumber" translate="cardInput.placeholders.15digit" class="validated-text-input-label-cm15 ng-scope">15-digit Card Number</label> </div>
              <div class="validation-input-and-icon-wrapper"
                ng-class="{'dls-warning-icon': (activationCntrl.isCm15ValidationError &amp;&amp; activationCntrl.activationform.ccnumber.$invalid), 'dls-success-icon': (activationCntrl.isCm15ValidationSuccess || activationCntrl.activationform.ccnumber.$valid)}">
                <!-- ngIf: activationCntrl.isMobile --> <!-- ngIf: !activationCntrl.isMobile --><input ng-if="!activationCntrl.isMobile" name="ccnumber" type="tel" ng-model="activationCntrl.ccnumber" placeholder="XXXX - XXXXXX - XXXXX"
                  class="validated-text-input ng-pristine ng-untouched ng-scope ng-invalid ng-invalid-required ng-valid-maxlength" oce-translate-attr="{'title':'cardInput.placeholders.titles.15digit'}"
                  ng-focus="activationCntrl.isCm15ValidationError = false" ng-blur="activationCntrl.cm15OnBlur()" ng-keyup="activationCntrl.cm15KeyUp()" autocomplete="new-password" itag-interaction="Interact_CardInput:CM15" inputmode="numeric"
                  required="" maxlength="21" cm-15-formatter="" cm-15-validator="" title="Please enter your 15-digit Card number"><!-- end ngIf: !activationCntrl.isMobile --> </div>
              <div ng-show="activationCntrl.isCm15ValidationError &amp;&amp; activationCntrl.activationform.ccnumber.$invalid" class="validated-input-msg-container ng-hide" aria-live="polite">
                <ul>
                  <li class="validated-input-msg ng-scope" translate="cardInput.tooltips.15digit">Please enter a valid Card number</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="oce-card-input-block" id="card-input-cid-container">
        <div id="cid-input-block" class="validated-text-input-block"
          ng-class="{'input-has-error':(activationCntrl.isCidValidationError &amp;&amp; activationCntrl.activationform.cid.$invalid), 'input-is-valid':(activationCntrl.isCidValidationSuccess &amp;&amp; activationCntrl.activationform.cid.$valid)}">
          <div class="inner-input-block"> <!-- ngIf: activationCntrl.cardImageCid == 'double' --> <!-- ngIf: activationCntrl.cardImageCid == 'single' -->
            <figure class="card-cid-image-single card-cid-image card-graphic-figure ng-scope double-cm15-single-cid" ng-class="{'double-cm15-single-cid':(activationCntrl.cardImageCid == 'single' &amp;&amp; activationCntrl.cardImageCm15 == 'double')}"
              ng-if="activationCntrl.cardImageCid == 'single'">
              <div class="card-cm15-image-label-container single-card"> <span id="card-cm15-image-label-front" class="card-input-image-label ng-scope" translate="cardInput.labels.image.front.label">Front</span> </div> <img
                ng-src="https://cdaas.americanexpress.com/myca/oce/latest/content/images/common/single-card-cid-revamp.svg" oce-translate-attr="{'title':'cardInput.labels.image.cid.title', 'alt':'cardInput.labels.image.cid.alt'}" alt=""
                class="card-details-graphic single-card-cid" id="card-details-graphic-cid" src="https://cdaas.americanexpress.com/myca/oce/latest/content/images/common/single-card-cid-revamp.svg" title="">
              <div class="figcaption-container">
                <figcaption id="custom-cid" translate="cardInput.labels.image.cid.desc" class="ng-scope">4-Digit Card ID</figcaption>
              </div>
            </figure><!-- end ngIf: activationCntrl.cardImageCid == 'single' --> <!-- ngIf: activationCntrl.cardImageCid == 'stackedCardArtCid' -->
            <div class="validated-text-input-container">
              <div class="validated-text-input-label"> <label for="cid" translate="cardInput.placeholders.4digit" class="valdated-text-input-cid-label ng-scope">4-digit Card ID</label> </div>
              <div class="validation-input-and-icon-wrapper"
                ng-class="{'dls-warning-icon': (activationCntrl.isCidValidationError &amp;&amp; activationCntrl.activationform.cid.$invalid), 'dls-success-icon': (activationCntrl.isCidValidationSuccess &amp;&amp; activationCntrl.activationform.cid.$valid)}">
                <input name="cid" id="cid" ng-model="activationCntrl.cid" placeholder="XXXX" type="password" inputmode="numeric" style="-webkit-text-security: disc" autocomplete="new-password"
                  class="validated-text-input ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength" required=""
                  ng-focus="activationCntrl.isCidValidationError = false;activationCntrl.activationform.cid.$setTouched()" ng-blur="activationCntrl.cidOnBlur()" ng-keyup="activationCntrl.cidKeyUp()" itag-interaction="Interact_CardInput:CID"
                  maxlength="4" minlength="4" numbers-only="" oce-translate-attr="{'title':'cardInput.placeholders.titles.4digit'}" allow-pattern="^[0-9\b]" oce-focus-next="cid" cid-validator="" title="Please enter your 4-digit Card ID"> </div>
              <div ng-show="activationCntrl.isCidValidationError &amp;&amp; activationCntrl.activationform.cid.$invalid" class="validated-input-msg-container ng-hide" aria-live="polite">
                <ul>
                  <li class="validated-input-msg ng-scope" translate="cardInput.tooltips.4digit">Please enter a valid Card ID</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="card-input-footer-container">
      <div id="card-input-footer-outer">
        <div id="card-input-footer-inner"> <button type="submit" class="primary-button ng-scope" ng-click="activationCntrl.ctaOnClick(); submitted=true" oce-translate-attr="{'title':'cardInput.buttons.confirm'}" ng-disabled="activationCntrl.false"
            translate="cardInput.buttons.confirm" title="Confirm">Confirm</button> </div>
      </div>
    </div>
  </div>
</form>

Text Content

American Express : Online Services
1. Get Started

2. Set Up

3. Finish

WELCOME!
ENTER YOUR DETAILS TO SET UP YOUR NEW CARD.

The location of your Card details may differ depending on your Card.

Front Back
15-Digit Card Number
15-digit Card Number

 * Please enter a valid Card number

Front
4-Digit Card ID
4-digit Card ID

 * Please enter a valid Card ID

Confirm





GET AN AMERICAN EXPRESS CARD

 * Personal Cards
 * Small Business Cards
 * Corporate Cards
 * Credit Cards


MORE PRODUCTS & SERVICES

 * Membership Rewards Program
 * Insurance
 * Merchant Services
 * Accept the Card


IMPORTANT LINKS

 * Online Services
 * Information about Chargeback Mechanism
 * Frequently Asked Questions
 * Accessibility


COMPANY LINKS

 * About American Express
 * Contact Us
 * Site Map

 * Get An American Express CardGet An American Express Card
    * Personal Cards
    * Small Business Cards
    * Corporate Cards
    * Credit Cards

 * More Products & ServicesMore Products & Services
    * Membership Rewards Program
    * Insurance
    * Merchant Services
    * Accept the Card

 * Important LinksImportant Links
    * Online Services
    * Information about Chargeback Mechanism
    * Frequently Asked Questions
    * Accessibility

 * Company LinksCompany Links
    * About American Express
    * Contact Us
    * Site Map

--------------------------------------------------------------------------------

Hong Kong SARChange Region or Country
English
 * 中文

 * 

 * Online Calculator
 * Important Notice & Cardmember Agreement
 * Website Rules and Regulations
 * Trademarks
 * Notice to Customers Relating to the Personal Data (Privacy) Ordinance (the
   "Ordinance")
 * American Express Hong Kong Internet Privacy Statement
 * Code of Practice for Payment Card Scheme Operators

Copyright © 2023 American Express International, Inc. All Rights Reserved