fpoverlandparkks30597.anterasaas.com
Open in
urlscan Pro
50.17.40.160
Public Scan
URL:
https://fpoverlandparkks30597.anterasaas.com/protected/payment.html?method=none&oId=e4a36b51-9df2-11ef-bec6-0e9649c979d9&amount=60
Submission: On November 13 via manual from US — Scanned from US
Submission: On November 13 via manual from US — Scanned from US
Form analysis 1 forms found in the DOM
Name: paymentForm —
<form id="ctrl" name="paymentForm" class="payment-form ng-pristine md-whiteframe-20dp ng-invalid ng-invalid-required ng-valid-email ng-valid-pattern ng-valid-maxlength" md-whiteframe="20" novalidate="" style="">
<div class="summary layout-row" layout="row">
<div class="summary-col order-no">
<div class="label ng-binding">Order #</div>
<div class="value ng-binding"> 9700</div>
</div>
<div class="summary-col balance">
<div class="label ng-binding">Total</div>
<div class="value ng-binding"> $60.00</div>
</div>
<!--div class="summary-col balance">
<div class="label">Balance</div>
<div class="value"> {{fromCurrencySymbol}}{{ balanceAmount | number : 2 }}</div>
</div-->
</div>
<div class="summary layout-row" layout="row">
<div ng-switch="authpayments.accttype">
<!-- ngSwitchWhen: credit -->
<div ng-switch-when="credit" class="ng-scope" style="">
<!-- ngIf: orderDetails.convenienceFeePercentage && orderDetails.convenienceFeePercentage != '0' && orderDetails.convenienceFeePercentage != '' && orderDetails.convenienceFeeForPayment != '0' -->
</div><!-- end ngSwitchWhen: -->
</div>
</div>
<div class="form-body">
<div layout="column" layout-gt-xs="row" class="layout-gt-xs-row layout-column">
<div flex-gt-xs="50" class="customer flex-gt-xs-50">
<div class="form-group row" title="First Name">
<label class="col-md-4 control-label ng-binding">First Name</label>
<div class="col-md-8">
<input type="text" name="first" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-attr-placeholder="{{ texts.firstName }}" ng-model="authpayments.firstName" required="" aria-invalid="true"
placeholder="First Name">
<span style="color:red" ng-show="paymentForm.first.$dirty && paymentForm.first.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.first.$error.required" aria-hidden="false" class="">First Name is required.</span>
</span>
</div>
</div>
<div class="form-group row" title="Last Name">
<label class="col-md-4 control-label ng-binding">Last Name</label>
<div class="col-md-8">
<input type="text" name="last" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-attr-placeholder="{{ texts.lastName }}" ng-model="authpayments.lastName" required="" aria-invalid="true"
placeholder="Last Name">
<span style="color:red" ng-show="paymentForm.last.$dirty && paymentForm.last.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.last.$error.required" aria-hidden="false" class="">Last name is required.</span>
</span>
</div>
</div>
<div class="form-group row" title="Email">
<label class="col-md-4 control-label ng-binding">Email</label>
<div class="col-md-8">
<input type="email" name="email" class="form-control ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required" placeholder="payments@example.com" ng-model="authpayments.email" required="" aria-invalid="true">
<span style="color:red" ng-show="paymentForm.email.$dirty && paymentForm.email.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.email.$error.required" aria-hidden="false" class="">Email is required.</span>
<span ng-show="paymentForm.email.$error.email" aria-hidden="true" class="ng-hide">Invalid email address.</span>
</span>
</div>
</div>
<div class="form-group row" title="Phone">
<label class="col-md-4 control-label ng-binding">Phone</label>
<div class="col-md-8">
<input type="tel" name="phone" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-attr-placeholder="{{ texts.phone }}" ng-model="authpayments.phone" required="" aria-invalid="true"
placeholder="Phone">
<span style="color:red" ng-show="paymentForm.phone.$dirty && paymentForm.phone.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.phone.$error.required" aria-hidden="false" class="">Phone is required.</span>
</span>
</div>
</div>
<div class="form-group row" title="Address">
<label class="col-md-4 control-label ng-binding">Address</label>
<div class="col-md-8">
<input type="text" name="address" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-attr-placeholder="{{ texts.address }}" ng-model="authpayments.address" required="" aria-invalid="true"
placeholder="Address">
<span style="color:red" ng-show="paymentForm.address.$dirty && paymentForm.address.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.address.$error.required" aria-hidden="false" class="">Address is required.</span>
</span>
</div>
</div>
<div class="form-group row" title="City">
<label class="col-md-4 control-label ng-binding">City</label>
<div class="col-md-8">
<input type="text" name="city" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-attr-placeholder="{{ texts.city }}" ng-model="authpayments.city" required="" aria-invalid="true" placeholder="City">
<span style="color:red" ng-show="paymentForm.city.$dirty && paymentForm.city.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.city.$error.required" aria-hidden="false" class="">City is required.</span>
</span>
</div>
</div>
<div class="form-group row" title="State">
<label class="col-md-4 control-label ng-binding">State/Province</label>
<div class="col-md-8">
<input type="text" name="state" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-attr-placeholder="{{ texts.stateProvince }}" ng-model="authpayments.state" required="" aria-invalid="true"
placeholder="State/Province">
<span style="color:red" ng-show="paymentForm.state.$dirty && paymentForm.state.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.state.$error.required" aria-hidden="false" class="">State is required.</span>
</span>
</div>
</div>
<div class="form-group row" title="Zip Code">
<label class="col-md-4 control-label ng-binding">Zip Code</label>
<div class="col-md-8">
<input type="text" name="zip" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-attr-placeholder="{{ texts.zipCode }}" ng-model="authpayments.zipCode" required="" aria-invalid="true"
placeholder="Zip Code">
<span style="color:red" ng-show="paymentForm.zip.$dirty && paymentForm.zip.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.zip.$error.required" aria-hidden="false" class="">Zip code is required.</span>
</span>
</div>
</div>
<div class="form-group row" title="Country">
<label class="col-md-4 control-label ng-binding">Country</label>
<div class="col-md-8">
<input type="text" name="country" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-attr-placeholder="{{ texts.country }}" ng-model="authpayments.country" required="" aria-invalid="true"
placeholder="Country">
<span style="color:red" ng-show="paymentForm.country.$dirty && paymentForm.country.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.country.$error.required" aria-hidden="false" class="">Country is required.</span>
</span>
</div>
</div>
</div>
<div flex-gt-xs="50" class="payment flex-gt-xs-50">
<!-- ngIf: payenables == 'authnet' -->
<!-- ngIf: payenables == 'both' -->
<!-- ngIf: payenables != 'both' -->
<div ng-if="payenables != 'both'" class="ng-scope">
<div class="form-horizontal" id="paymentForm">
<div class="form-group row" title="Payment Amount">
<label class="col-md-4 control-label ng-binding">Amount</label>
<div class="col-md-8">
<input type="text" name="paymentAmount" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required" autocomplete="off" ng-model="authpayments.paymentAmount " value="60.00" ng-keypress="preventComma($event)"
required="" aria-invalid="false">
<span style="color:red" ng-show="paymentForm.paymentAmount.$dirty && paymentForm.paymentAmount.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.cvv.$error.required" aria-hidden="false" class="" style="">A valid payment amount is required.</span>
</span>
<!-- ngIf: orderDetails.termsDepositRequired && orderDetails.depositPercent != '0' && orderDetails.depositPercent != '' -->
</div>
</div>
<!-- ngIf: payenables == 'cardconnect' -->
<div ng-if="payenables == 'cardconnect'" class="ng-scope" style="">
<div class="form-group row" title="Choose Payment Method">
<label class="col-md-4 control-label ng-binding">Choose Payment Method</label>
<div class="col-md-8">
<md-radio-group ng-model="authpayments.accttype" ng-change="radioChange()" class="ng-pristine ng-untouched ng-valid _md ng-not-empty" role="radiogroup" tabindex="0" aria-activedescendant="radio_0" aria-invalid="false">
<md-radio-button value="credit" class="md-primary md-checked" id="radio_0" role="radio" aria-checked="true" aria-label="Credit Card">
<div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox="">
<div class="md-off"></div>
<div class="md-on"></div>
</div>
<div ng-transclude="" class="md-label"><span class="ng-scope"> Credit Card </span><img class="card-brand-logos ng-scope" src="https://s3.amazonaws.com/images.anterasoftware.com/cardconnect/cardbrandlogos.png"
alt="card brand logos">
</div>
</md-radio-button>
<!-- ngIf: echeck --><md-radio-button value="ECHK" ng-if="echeck" class="ng-scope" id="radio_1" role="radio" aria-checked="false" aria-label="eCheck">
<div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox="">
<div class="md-off"></div>
<div class="md-on"></div>
</div>
<div ng-transclude="" class="md-label"><span class="ng-scope">eCheck</span></div>
</md-radio-button><!-- end ngIf: echeck -->
</md-radio-group>
</div>
</div>
<div ng-switch="authpayments.accttype">
<!-- ngSwitchWhen: credit -->
<div ng-switch-when="credit" class="ng-scope">
<!-- ngIf: orderDetails.convenienceFeePercentage && orderDetails.convenienceFeePercentage != '0' && orderDetails.convenienceFeePercentage != '' && orderDetails.convenienceFeeForPayment != '0' -->
<div class="form-group row" title="Card Number">
<label class="col-md-4 control-label ng-binding">Card Number</label>
<div class="col-md-8">
<input type="hidden" id="mytoken" ng-model="authpayments.mytoken" required="" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" aria-invalid="true">
<table>
<tbody>
<tr ng-switch="iframeLinkSrc">
<!-- ngSwitchWhen: Yes -->
<!--td ng-switch-when="No"><iframe id="tokenframe"
name="tokenframe"
src="https://fts.cardconnect.com:8443/itoke/ajax-tokenizer.html?css=%23ccnumfield%2Eerror{color:%20red;}%23ccnumfield%20%7B%0A%20%20%20%20display%3A%20block%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20height%3A%2034px%3B%0A%20%20%20%20padding%3A%206px%2012px%3B%0A%20%20%20%20font-size%3A%2014px%3B%0A%20%20%20%20line-height%3A%201.42857143%3B%0A%20%20%20%20color%3A%20%23555%3B%0A%20%20%20%20background-color%3A%20%23fff%3B%0A%20%20%20%20background-image%3A%20none%3B%0A%20%20%20%20border%3A%201px%20solid%20%23ccc%3B%0A%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20-webkit-box-shadow%3A%20inset%200%201px%201px%20rgba%280%2C0%2C0%2C.075%29%3B%0A%20%20%20%20box-shadow%3A%20inset%200%201px%201px%20rgba%280%2C0%2C0%2C.075%29%3B%0A%20%20%20%20box-sizing%3A%20border-box%3B%0A%7D"
frameborder="0" scrolling="no" width="100%"
height="50"></iframe></td-->
<!-- ngSwitchWhen: No -->
<td ng-switch-when="No" class="ng-scope"><iframe id="tokenframe" name="tokenframe"
src="https://fts.cardconnect.com/itoke/ajax-tokenizer.html?css=%23ccnumfield%2Eerror{color:%20red;}%23ccnumfield%20%7B%0A%20%20%20%20display%3A%20block%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20height%3A%2034px%3B%0A%20%20%20%20padding%3A%206px%2012px%3B%0A%20%20%20%20font-size%3A%2014px%3B%0A%20%20%20%20line-height%3A%201.42857143%3B%0A%20%20%20%20color%3A%20%23555%3B%0A%20%20%20%20background-color%3A%20%23fff%3B%0A%20%20%20%20background-image%3A%20none%3B%0A%20%20%20%20border%3A%201px%20solid%20%23ccc%3B%0A%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20-webkit-box-shadow%3A%20inset%200%201px%201px%20rgba%280%2C0%2C0%2C.075%29%3B%0A%20%20%20%20box-shadow%3A%20inset%200%201px%201px%20rgba%280%2C0%2C0%2C.075%29%3B%0A%20%20%20%20box-sizing%3A%20border-box%3B%0A%7D"
frameborder="0" scrolling="no" width="100%" height="50"></iframe></td><!-- end ngSwitchWhen: -->
</tr>
</tbody>
</table>
<span style="color:red" ng-show="cardError" class="ng-binding ng-hide" aria-hidden="true"></span>
</div>
</div>
<div class="form-group row" title="Expiration Date">
<label class="col-md-4 control-label ng-binding">Expiration Date</label>
<div class="col-md-8">
<!-- <input type="text" name="expire" class="form-control" placeholder="MMYY" -->
<!-- ng-model="authpayments.expDate" maxlength="4" required /> -->
<div layout="row" class="layout-row">
<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-change="expireChanged()" ng-model="authpayments.expDateMonth" aria-invalid="false">
<option value="? string: ?"></option>
<option value="01" class="ng-binding">January</option>
<option value="02" class="ng-binding">February</option>
<option value="03" class="ng-binding">March</option>
<option value="04" class="ng-binding">April</option>
<option value="05" class="ng-binding">May</option>
<option value="06" class="ng-binding">June</option>
<option value="07" class="ng-binding">July</option>
<option value="08" class="ng-binding">August</option>
<option value="09" class="ng-binding">September</option>
<option value="10" class="ng-binding">October</option>
<option value="11" class="ng-binding">November</option>
<option value="12" class="ng-binding">December</option>
</select>
<select class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-change="expireChanged()" ng-options="year for year in years" name="expireYear" ng-model="authpayments.expDateYear" required=""
aria-invalid="true">
<option value="?" selected="selected"></option>
<option label="24" value="string:24">24</option>
<option label="25" value="string:25">25</option>
<option label="26" value="string:26">26</option>
<option label="27" value="string:27">27</option>
<option label="28" value="string:28">28</option>
<option label="29" value="string:29">29</option>
<option label="30" value="string:30">30</option>
<option label="31" value="string:31">31</option>
<option label="32" value="string:32">32</option>
<option label="33" value="string:33">33</option>
<option label="34" value="string:34">34</option>
</select>
</div>
<span style="color:red" ng-show="expireError" class="ng-binding ng-hide" aria-hidden="true"></span>
<span style="color:red" ng-show="(paymentForm.expireYear.$dirty && paymentForm.expireYear.$invalid) || (paymentForm.expireMonth.$dirty && paymentForm.expireMonth.$invalid)" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.expireMonth.$error.required || paymentForm.expireMonth.$error.required" aria-hidden="true" class="ng-hide">Expiration Date is required.</span>
</span>
</div>
</div>
<div class="form-group row" title="CVV">
<label class="col-md-4 control-label">CVV</label>
<div class="col-md-8">
<input type="text" name="cvv" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" placeholder="CVV" ng-model="authpayments.cvv" maxlength="4" pattern=".{3,4}"
required="" aria-invalid="true">
<span style="color:red" ng-show="cvvError" class="ng-binding ng-hide" aria-hidden="true"></span>
<span style="color:red" ng-show="paymentForm.cvv.$dirty && paymentForm.cvv.$invalid" aria-hidden="true" class="ng-hide">
<span ng-show="paymentForm.cvv.$error.required" aria-hidden="false" class="">CVV is required.</span>
</span>
</div>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: ECHK -->
<div style="text-align: right;">
<img class="secured-by" src="https://s3.amazonaws.com/images.anterasoftware.com/cardconnect/securedbycardconnect.png" alt="Secured by CardConnect">
</div>
<!--div style="text-align: right;">
<div class="g-recaptcha" data-sitekey="6LfHqdwpAAAAAHey0Oi41SdtkNKuTk-wMXfVi1Ho"></div>
</div-->
</div>
</div><!-- end ngIf: payenables == 'cardconnect' -->
</div>
</div><!-- end ngIf: payenables != 'both' -->
</div>
</div>
</div>
<div class="form-actions">
<button class="md-raised md-primary action-payment md-button md-ink-ripple" type="button" ng-transclude="" ng-click="payAuth()" ng-disabled="paymentForm.$invalid || isDisabled" disabled="disabled"><span class="ng-binding ng-scope"> Pay Now
</span></button>
<div>
<br>
<span style="color: red;" class="ng-binding">please <b class="ng-binding">Do Not Close This Window (Or Click The Back Button)</b> When Payment is Processing!</span>
</div>
</div>
</form>Text Content
Order # 9700 Total $60.00 First Name First Name is required. Last Name Last name is required. Email Email is required. Invalid email address. Phone Phone is required. Address Address is required. City City is required. State/Province State is required. Zip Code Zip code is required. Country Country is required. Amount A valid payment amount is required. Choose Payment Method Credit Card eCheck Card Number Expiration Date January February March April May June July August September October November December 2425262728293031323334 Expiration Date is required. CVV CVV is required. Pay Now please Do Not Close This Window (Or Click The Back Button) When Payment is Processing!