viewpoints.perksplus.com Open in urlscan Pro
2a06:98c1:58::23  Public Scan

Form analysis
1 forms found in the DOM

POST RewardCardRegistration.aspx

<form id="rewardCardRegistrationForm" method="post" action="RewardCardRegistration.aspx" data-bind="submit: onSubmit">
  <div class="perks-stack perks-stack--spacing-6">
    <div class="perks-stack perks-stack--spacing-4" data-bind="visible: !isWorkInProgress() &amp;&amp; showStep1()" style="">
      <h1 class="header-lg text-center">Redeem Registration Code</h1>
      <div>
        <label for="rewardCardCode">Please enter your 20 digit code (not case-sensitive)</label>
        <input id="rewardCardCode" name="rewardCardCode" type="text" value="" maxlength="20" class="full-width" aria-required="true"
          aria-describedby="rewardCardCodeRequiredMessage rewardCardNotFoundMessage redeemedRewardCardMessage cancelledRewardCardMessage expiredRewardCardMessage improperlyIssuedRewardCardMessage alreadyRegisteredUserMessage" autocorrect="off">
        <span id="rewardCardCodeRequiredMessage" class="validation-error" style="display: none">Please enter a code</span>
        <span id="rewardCardNotFoundMessage" class="validation-error" style="display: none">The specified code is not valid</span>
        <span id="redeemedRewardCardMessage" class="validation-error" style="display: none">The card has already been redeemed</span>
        <span id="cancelledRewardCardMessage" class="validation-error" style="display: none">The card has been canceled</span>
        <span id="expiredRewardCardMessage" class="validation-error" style="display: none">The card has expired</span>
        <span id="improperlyIssuedRewardCardMessage" class="validation-error" style="display: none">This card was issued to someone else.</span>
        <span id="alreadyRegisteredUserMessage" class="validation-error" style="display: none">You are already registered</span>
      </div>
      <div>
        <button type="submit" id="Redeem" class="button button--primary button--full">Redeem Your Code</button>
      </div>
    </div>
    <div data-bind="visible: !isWorkInProgress() &amp;&amp; showStep2()" style="display: none;">
      <div class="perks-stack perks-stack--spacing-4">
        <div id="codeValueAlert" class="perks-alert perks-alert--success" role="alert">
          <span class="perks-alert__title"> Congratulations! Your code is worth <span id="codeValue" data-bind="text: valueDisplayAmount"></span>
          </span>
        </div>
        <div id="notEligibleToRedeemCodeError" class="perks-alert perks-alert--danger" role="alert" style="display: none;">
          <span class="perks-alert__Title">Not eligible to redeem code</span>
        </div>
        <h1 class="header-lg text-center">Complete Your Registration</h1>
      </div>
      <div class="formFields">
        <fieldset>
          <legend class="text-body mb-4">We need a little more information from you</legend>
          <div class="perks-stack perks-stack--spacing-4">
            <div>
              <label for="username"> Username</label>
              <input id="username" name="username" type="text" data-bind="value: username" class="required" aria-required="true" aria-describedby="usernameRequiredMessage usernameNotAvailableMessage">
              <span id="usernameRequiredMessage" class="validation-error" style="display: none"> Please enter a username</span>
              <span id="usernameNotAvailableMessage" class="validation-error" style="display: none"> The username is already taken</span>
            </div>
            <div>
              <label for="emailAddress"> Email Address</label>
              <input id="emailAddress" name="emailAddress" type="text" data-bind="value: emailAddress" class="required" aria-required="true" aria-describedby="emailAddressRequiredMessage emailAddressInvalidMessage">
              <span id="emailAddressRequiredMessage" class="validation-error" style="display: none"> Please enter an email address</span>
              <span id="emailAddressInvalidMessage" class="validation-error" style="display: none"> Please enter a valid email address</span>
            </div>
            <div class="row-fluid">
              <div class="span6">
                <label for="firstName"> First Name </label>
                <input id="firstName" name="firstName" type="text" data-bind="value: firstName" class="required" aria-required="true" aria-describedby="firstNameRequiredMessage">
                <span id="firstNameRequiredMessage" class="validation-error" style="display: none">Please enter a first name</span>
              </div>
              <div class="span6">
                <label for="lastName"> Last Name </label>
                <input id="lastName" name="lastName" type="text" data-bind="value: lastName" class="required" aria-required="true" aria-describedby="lastNameRequiredMessage">
                <span id="lastNameRequiredMessage" class="validation-error" style="display: none"> Please enter a last name</span>
              </div>
            </div>
            <div>
              <label for="company"> Company</label>
              <select id="company" data-bind="options: availableCompanies, optionsText: 'name', optionsValue: 'id', optionsCaption: 'Select a company    '" class="required" aria-required="true" aria-describedby="companyRequiredMessage">
                <option value="">Select a company </option>
              </select>
              <span id="companyRequiredMessage" class="validation-error" style="display: none"> Please select your company</span>
            </div>
            <div>
              <label for="location"> Location</label>
              <select id="location" data-bind="disable: availableLocations().length < 1, options: availableLocations, optionsText: 'name', optionsValue: 'id', optionsCaption: 'Select a location    '" class="required" aria-required="true"
                aria-describedby="locationRequiredMessage" disabled="">
                <option value="">Select a location </option>
              </select>
              <span id="locationRequiredMessage" class="validation-error" style="display: none"> Please select your location</span>
            </div>
            <div>
              <label for="password"> Password</label>
              <input id="password" name="password" autocomplete="off" type="password" class="required" aria-required="true" aria-describedby="passwordCriteriaMessage passwordRequiredMessage passwordInvalidMessage">
              <div id="passwordCriteriaMessage" for="password" class="help-block"> Use 8 or more characters with a mix of letters, numbers &amp; symbols. </div>
              <span id="passwordRequiredMessage" class="validation-error" style="display: none"> Please enter a password</span>
              <span id="passwordInvalidMessage" class="validation-error" style="display: none"> The password does not meet the requirements</span>
            </div>
            <div>
              <label for="confirmedPassword"> Confirm Password</label>
              <input id="confirmedPassword" name="password" autocomplete="off" type="password" class="required" aria-required="true" aria-describedby="confirmedPasswordRequiredMessage confirmedPasswordMismatchMessage">
              <span id="confirmedPasswordRequiredMessage" class="validation-error" style="display: none"> Please confirm your password</span>
              <span id="confirmedPasswordMismatchMessage" class="validation-error" style="display: none"> The passwords don't match</span>
            </div>
            <div>
              <button type="submit" id="Register" class="button button--primary button--full">Register and Redeem Code</button>
            </div>
          </div>
        </fieldset>
      </div>
    </div>
    <div style="margin: auto; text-align: center; display: none;" data-bind="visible: isWorkInProgress() &amp;&amp; !showSuccessMessage()">
      <div class="loading-state">
        <div class="loading start-loading">
          <div class="loading-circle" role="status">
            <span class="sr-only">Loading</span>
          </div>
        </div>
      </div>
      <p>Loading</p>
    </div>
    <div class="perks-alert perks-alert--success" role="alert" data-bind="visible: isWorkInProgress() &amp;&amp; showSuccessMessage()" style="display: none;">
      <div class="perks-alert__block">
        <div class="perks-alert__title">
          <!-- ko text: awardAmount --><!-- /ko --> have been credited to your account!
        </div>
        <div class="perks-alert__message">Logging you into the site...</div>
      </div>
    </div>
  </div>
</form>

Text Content

REDEEM REGISTRATION CODE

Please enter your 20 digit code (not case-sensitive) Please enter a code The
specified code is not valid The card has already been redeemed The card has been
canceled The card has expired This card was issued to someone else. You are
already registered
Redeem Your Code
Congratulations! Your code is worth
Not eligible to redeem code


COMPLETE YOUR REGISTRATION

We need a little more information from you
Username Please enter a username The username is already taken
Email Address Please enter an email address Please enter a valid email address
First Name Please enter a first name
Last Name Please enter a last name
Company Select a company Please select your company
Location Select a location Please select your location
Password
Use 8 or more characters with a mix of letters, numbers & symbols.
Please enter a password The password does not meet the requirements
Confirm Password Please confirm your password The passwords don't match
Register and Redeem Code
Loading

Loading

have been credited to your account!
Logging you into the site...
Already registered? Need help?