www.travelocity.com Open in urlscan Pro
23.66.214.160  Public Scan

Form analysis
1 forms found in the DOM

Name: loginForm — POST

<form name="loginForm" method="POST" class="uitk-spacing uitk-spacing-padding-inline-six uitk-layout-flex-item-align-self-center uitk-layout-flex-item uitk-layout-flex-item-max-width-one_hundred_twelve">
  <div class="uitk-layout-flex uitk-layout-flex-justify-content-flex-start uitk-spacing uitk-spacing-padding-block-six">
    <h1 class="uitk-heading uitk-heading-3 uitk-layout-flex-item">Sign in</h1>
  </div>
  <div class="uitk-layout-flex uitk-layout-flex-flex-direction-column uitk-layout-flex-gap-three">
    <div class="uitk-field has-floatedLabel-label has-no-placeholder"><label for="loginFormEmailInput" class="uitk-field-label is-visually-hidden">Email address</label><input type="email" id="loginFormEmailInput" name="email" value=""
        class="uitk-field-input replay-reveal empty-placeholder" aria-required="false" aria-invalid="false">
      <div class="uitk-field-label" aria-hidden="true">Email address</div>
    </div>
    <div class="uitk-field has-floatedLabel-label has-no-placeholder"><label for="loginFormPasswordInput" class="uitk-field-label is-visually-hidden">Password</label><input type="password" id="loginFormPasswordInput" name="password" value=""
        class="uitk-field-input uitk-password-visibility-input has-input-cta empty-placeholder" aria-required="false" aria-invalid="false"><button class="uitk-password-visibility-button uitk-input-cta" type="button"><span
          class="is-visually-hidden">Show password</span><svg class="uitk-icon uitk-icon-small" aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><svg>
            <path fill-rule="evenodd" d="M12 4.5C7 4.5 2.73 7.61 1 12a11.83 11.83 0 0 0 22 0c-1.73-4.39-6-7.5-11-7.5zM12 17a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm-3-5a3 3 0 1 1 6 0 3 3 0 0 1-6 0z" clip-rule="evenodd"></path>
          </svg></svg></button>
      <div class="uitk-field-label" aria-hidden="true">Password</div>
    </div>
    <div class="uitk-layout-flex uitk-layout-flex-flex-direction-row uitk-layout-flex-justify-content-space-between uitk-layout-flex-flex-wrap-wrap uitk-layout-flex-item">
      <div class="uitk-layout-flex uitk-layout-flex-flex-wrap-nowrap uitk-switch uitk-checkbox"><input type="checkbox" icon="check" id="loginFormRememberMeCheck" name="rememberMe" checked=""
          class="uitk-layout-flex-item uitk-layout-flex-item-flex-shrink-0 replay-reveal checked" value=""><span aria-hidden="true" class="uitk-layout-flex-item uitk-layout-flex-item-flex-shrink-0 uitk-switch-control"><svg
            class="uitk-icon uitk-checkbox-icon uitk-icon-medium" aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><svg>
              <path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"></path>
            </svg></svg></span>
        <div class="uitk-layout-flex-item uitk-layout-flex-item-flex-grow-1 uitk-switch-content"><label class="uitk-checkbox-switch-label uitk-switch-label" for="loginFormRememberMeCheck"><span>Keep me signed in</span></label></div>
      </div>
    </div>
    <div class="uitk-spacing uitk-spacing-margin-blockstart-four uitk-spacing-margin-blockend-two uitk-layout-flex-item">
      <div class="uitk-text uitk-type-300 uitk-text-default-theme">
        <p id="termsAndConditions">By signing in, I agree to the Travelocity <a href="/terms" target="_blank" rel="noopener noreferrer">Terms and Conditions</a> and <a href="/privacy" target="_blank" rel="noopener noreferrer">Privacy Statement</a>.
        </p>
      </div>
    </div><button id="loginFormSubmitButton" type="submit" disabled="" class="uitk-button uitk-button-large uitk-button-has-text uitk-button-primary uitk-spacing replay-reveal uitk-spacing-margin-blockstart-two uitk-layout-flex-item">Sign
      in</button><a href="/forgotpassword?%243p=e_adobe_campaign_classic&amp;%24deep_link=true&amp;EMLCID=TRAVELOCITY-US.MR.DISCOVER.SMARTSAV.HOTEL&amp;EMLDTL=DATE20231108.SID-1050965816.KEY-1050965816162591043.PAID162591043.LANGEN_US.MCIDM.TEST.VERS.MIDSSMARTSAVINGS_20231108.MODS~FTR_MYACCT&amp;_branch_match_id=1288640922329724159&amp;_branch_referrer=H4sIAAAAAAAAA01Qa2vCMBT9Ndk306bRTgcyQhNdWGtHkxX6KWQ1aFhsQ1sV%2F%2F0iYw%2B4cDn3ch6c4zT58SmKpou7Qe09dLb7jLB%2FBskc%2B7VRet9%2FGNXqk9f20KnW6XG07UN494M92E47dR7c%2BnjXAZiAZBPmer3CadAX4%2FrWTjfY9qdwPY9mCGsMOrYDeON0d7B7gCmKMQZJyoo84zRgWZGa5WXGZTN7F7CoIOUiK2tWQVGQSgpSw5dSsvybRGUeSJRIlsQJRiheQsHpDMWLeJUuliiFr6z5B1GaLFYonmP4Rjj9QznZbdlO3R1DjgJKJiQMpgFzKn6c%2BW4r1K9RUVIBHtlGVqpoSJbJECl0szfGq3uVIdg0nM0Xctk4UGcBAAA%3D&amp;langid=1033&amp;enable_ulfp=true" id="loginFormForgoPwdLink" class="uitk-link uitk-spacing uitk-spacing-margin-block-four uitk-layout-flex-item-align-self-center uitk-layout-flex-item uitk-link-align-left uitk-link-layout-inline uitk-link-medium" role="link">Forgot password?</a>
    <div class="uitk-layout-flex-item-align-self-center uitk-layout-flex-item">
      <p class="have-an-account-text">Don't have an account?
        <span><a id="createAcctRedirectLink" href="/signup?%243p=e_adobe_campaign_classic&amp;%24deep_link=true&amp;EMLCID=TRAVELOCITY-US.MR.DISCOVER.SMARTSAV.HOTEL&amp;EMLDTL=DATE20231108.SID-1050965816.KEY-1050965816162591043.PAID162591043.LANGEN_US.MCIDM.TEST.VERS.MIDSSMARTSAVINGS_20231108.MODS~FTR_MYACCT&amp;_branch_match_id=1288640922329724159&amp;_branch_referrer=H4sIAAAAAAAAA01Qa2vCMBT9Ndk306bRTgcyQhNdWGtHkxX6KWQ1aFhsQ1sV%2F%2F0iYw%2B4cDn3ch6c4zT58SmKpou7Qe09dLb7jLB%2FBskc%2B7VRet9%2FGNXqk9f20KnW6XG07UN494M92E47dR7c%2BnjXAZiAZBPmer3CadAX4%2FrWTjfY9qdwPY9mCGsMOrYDeON0d7B7gCmKMQZJyoo84zRgWZGa5WXGZTN7F7CoIOUiK2tWQVGQSgpSw5dSsvybRGUeSJRIlsQJRiheQsHpDMWLeJUuliiFr6z5B1GaLFYonmP4Rjj9QznZbdlO3R1DjgJKJiQMpgFzKn6c%2BW4r1K9RUVIBHtlGVqpoSJbJECl0szfGq3uVIdg0nM0Xctk4UGcBAAA%3D&amp;langid=1033">Create one</a></span>
      </p>
    </div>
  </div>
  <div>
    <div id="atoshield-wrapper-travelocity-login">
      <script type="text/javascript" defer="" data-callback="travelocityloginSetUp" src="https://expedia-api.arkoselabs.com/v2/F0C12973-2BA8-408E-A33F-714B4349832F/api.js"></script>
      <script type="text/javascript">
        var travelocitylogin = {
          // Event Dispatcher.
          CustomEventDispatcher: function() {
            this.dispatchEvent = function(eventName) {
              var event;
              if (typeof window.CustomEvent === "function") {
                event = new CustomEvent(eventName);
              } else {
                // Polyfill for IE
                var params = params || {
                  bubbles: false,
                  cancelable: false,
                  detail: null
                };
                event = document.createEvent('CustomEvent');
                event.initCustomEvent(eventName, params.bubbles, params.cancelable, params.detail);
              }
              document.dispatchEvent(event);
            }
          },
          ATOShieldUtil: function() {
            // Find the parent element.
            this.getParentByTagName = function(node, tagName) {
              var parent = void 0;
              if (node === null || tagName === '') {
                return;
              }
              parent = node.parentNode;
              tagName = tagName.toUpperCase();
              while (parent.tagName !== "HTML") {
                if (parent.tagName === tagName) {
                  return parent;
                }
                parent = parent.parentNode;
              }
              return parent;
            };
            // Get element Submit within the form
            this.getSubmitElement = function(containerForm) {
              var submitElement = null;
              if (containerForm.tagName.toLowerCase() === 'form') {
                submitElement = this.findElementByType(containerForm, 'submit');
              }
              return submitElement;
            };
            // Find an element by type recursively.
            this.findElementByType = function(childElement, type) {
              if (childElement.hasChildNodes()) {
                for (var i = 0; i < childElement.childNodes.length; i++) {
                  var element = childElement.childNodes[i];
                  if (element.type === type) {
                    return element;
                  }
                  var elementFound = this.findElementByType(element, type);
                  if (elementFound) {
                    return elementFound;
                  }
                }
              }
              return null;
            }
            // Check if Token Generated.
            this.isTokenNotPresent = function() {
              return document.getElementById('fc-token-id-travelocity-login') == null;
            }
            // Reset token.
            this.reset = function() {
              // Remove existing tokens.
              if (!this.isTokenNotPresent()) {
                var tokenElement = document.getElementById('fc-token-id-travelocity-login');
                tokenElement.parentNode.removeChild(tokenElement);
              }
            }
          },
          // ATOShield.
          ATOShield: function(enforcement) {
            this.initialize = function(containerForm, atoShieldWrapper) {
              var captchaShown = false;
              var customEventDispatcher = new travelocitylogin.CustomEventDispatcher();
              var util = new travelocitylogin.ATOShieldUtil();
              // Initialize Arkose.
              if (containerForm == null) {
                console.error('Cannot initiate the enforcement. No parent Form element found');
              } else {
                enforcement.setConfig({
                  language: 'en-EN',
                  onCompleted: function onCompleted(response) {
                    // Add the new token
                    if (util.isTokenNotPresent()) {
                      var hiddenTokenField = document.createElement('input');
                      hiddenTokenField.setAttribute('id', 'fc-token-id-travelocity-login');
                      hiddenTokenField.setAttribute('type', 'hidden');
                      hiddenTokenField.setAttribute('name', 'fc-token');
                      hiddenTokenField.setAttribute('value', response.token);
                      atoShieldWrapper.appendChild(hiddenTokenField);
                    }
                    // Fire Captcha Solved Events.
                    if (captchaShown) {
                      captchaShown = false;
                      customEventDispatcher.dispatchEvent('CaptchaSolved');
                    }
                    // Trigger button click or form submit.
                    var submitButton = util.getSubmitElement(containerForm);
                    if (submitButton != null) {
                      submitButton.click();
                    } else {
                      containerForm.submit();
                    }
                  },
                  onSuppress: function onSuppress() {
                    customEventDispatcher.dispatchEvent('CaptchaNotShown');
                  },
                  onShown: function onShown() {
                    captchaShown = true;
                    customEventDispatcher.dispatchEvent('CaptchaShown');
                  },
                  onReady: function onReady() {
                    customEventDispatcher.dispatchEvent('CaptchaWidgetReady');
                  },
                  onHide: function onHide() {
                    customEventDispatcher.dispatchEvent('CaptchaOnHide');
                  }
                });
              }
            }
          },
          // Setup.
          SetupEnforcement: function(enforcement) {
            // Form Submitted Flag.
            var formSubmitted = false;
            // ATOShield.
            var atoShield = new travelocitylogin.ATOShield(enforcement);
            // Util.
            var util = new travelocitylogin.ATOShieldUtil();
            // ATOShield Wrapper.
            var atoShieldWrapperElement = document.getElementById('atoshield-wrapper-travelocity-login');
            // Get the container form.
            var containerForm = util.getParentByTagName(atoShieldWrapperElement, 'form');
            // Find the submit button on the form if available.
            var submitButton = util.getSubmitElement(containerForm);
            // Event Dispatcher.
            var customEventDispatcher = new travelocitylogin.CustomEventDispatcher();
            // Initialize.
            atoShield.initialize(containerForm, atoShieldWrapperElement);
            // If manual reset is not turned on, handle reset automatically for ajax calls.
            if (true) {
              // Reset Token when Fetch.
              try {
                var oldFetch = fetch;
                fetch = function(url, options) {
                  var promise = oldFetch(url, options);
                  promise.finally(function() {
                    if (formSubmitted === true) {
                      formSubmitted = false;
                      util.reset();
                    }
                  });
                  return promise;
                }
              } catch (fetchError) {
                console.error("Error when trying to listen to fetch");
              }
              // Reset Token when XMLHttpRequest.send
              try {
                var send = XMLHttpRequest.prototype.send;
                XMLHttpRequest.prototype.send = function() {
                  this.addEventListener('readystatechange', function() {
                    if (this.readyState === 4 && formSubmitted === true) {
                      formSubmitted = false;
                      util.reset();
                    }
                  }, false);
                  send.apply(this, arguments);
                }
              } catch (exp) {
                console.error("Error when trying to listen to XMLHttpRequest.prototype.send");
              }
            }
            // Register the click handlers on the submit button.
            if (submitButton != null) {
              submitButton.addEventListener('click', function(event) {
                formSubmitted = true;
                customEventDispatcher.dispatchEvent('FormSubmitInitiated');
                if (util.isTokenNotPresent()) {
                  event.preventDefault();
                  event.stopImmediatePropagation();
                  enforcement.run();
                }
              }, true);
            } else {
              containerForm.addEventListener('submit', function(event) {
                formSubmitted = true;
                customEventDispatcher.dispatchEvent('FormSubmitInitiated');
                if (util.isTokenNotPresent()) {
                  event.preventDefault();
                  event.stopImmediatePropagation();
                  enforcement.run();
                }
              }, true);
            }
          }
        };
        // Reset.
        function travelocityloginWidgetReset() {
          if (true === false) {
            var util = new travelocitylogin.ATOShieldUtil();
            util.reset();
          }
        }
        // Set-Up enforcement.
        function travelocityloginSetUp(enforcement) {
          new travelocitylogin.SetupEnforcement(enforcement);
        }
      </script>
      <noscript>
        <iframe frameborder="0" scrolling="no" style="width: 308px; height:408px; border-style: none;" src="https://expedia-api.arkoselabs.com/fc/api/nojs/?pkey=F0C12973-2BA8-408E-A33F-714B4349832F"></iframe>
        <div style="width: 306px;height: 60px;border-style: none;bottom: 12px;left: 25px;margin: 5px 0 0 0;padding: 0px;right: 25px;background: #ffffff;border: 1px solid #f7f7f7;border-radius: 5px;">
          <input type="text" id="fc-token" name="fc-token" placeholder="Copy verification code into here"
            style="width: 270px;height: 24px;border: 1px solid #f7f7f7;border-radius: 5px;padding: 10px;margin: 7px;resize: none;font-size: 11px;-webkit-font-smoothing: antialiased;color: #212121;background: #f7f7f7;text-align: center;">
        </div>
      </noscript>
    </div>
  </div>
</form>

Text Content

Go back




SIGN IN

Email address
Email address
PasswordShow password
Password
Keep me signed in

By signing in, I agree to the Travelocity Terms and Conditions and Privacy
Statement.

Sign inForgot password?

Don't have an account? Create one


or continue with