global.americanexpress.com Open in urlscan Pro
23.212.210.226  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
 * Business Cards
 * Corporate Card Programme


MORE PRODUCTS & SERVICES

 * Membership Rewards
 * Accept the Card
 * Insurance


IMPORTANT LINKS

 * Lost or Stolen Card
 * Activate your Card
 * Pay Bill
 * Resolving Complaints
 * Financial Difficulty


COMPANY INFORMATION

 * Contact Us
 * Connect on Facebook
 * Careers
 * About American Express
 * Site Map

 * Get an American Express CardGet an American Express Card
    * Personal Cards
    * Business Cards
    * Corporate Card Programme

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

 * Important LinksImportant Links
    * Lost or Stolen Card
    * Activate your Card
    * Pay Bill
    * Resolving Complaints
    * Financial Difficulty

 * Company InformationCompany Information
    * Contact Us
    * Connect on Facebook
    * Careers
    * About American Express
    * Site Map

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

New ZealandChange Country
 * Website Rules and Regulations
 * Trademarks
 * Privacy Statement

Copyright © 2023 American Express Company