@incdevco/framework/angular/modules/stripe/templates/card.html

node.js lambda framework

<div layout="column">
  <div layout="row">
    <md-input-container flex>
      <label for="card_number">Card Number</label>
      <input type="text" name="card_number"
        ng-change="change()"
        ng-model="card.number"
        ng-required="!token && true"
        stripe-card-valid-number />
      <div ng-messages="form.card_number.$error">
        <div ng-message="required">Required</div>
        <div ng-message="cardNumber">Invalid Card Number</div>
      </div>
    </md-input-container>
    <md-input-container flex>
      <label for="card_exp_month">Expiration Month</label>
      <input type="text" name="card_exp_month"
        ng-change="change()"
        ng-model="card.exp_month"
        ng-required="!token && true"
        stripe-bank-account-valid-account-number />
      <div ng-messages="form.card_exp_month.$error">
        <div ng-message="required">Required</div>
      </div>
    </md-input-container>
    <md-input-container flex>
      <label for="card_exp_year">Expiration Year</label>
      <input type="text" name="card_exp_year"
        ng-change="change()"
        ng-model="card.exp_year"
        ng-required="!token && true"
        stripe-card-valid-exp-year />
      <div ng-messages="form.card_exp_year.$error">
        <div ng-message="required">Required</div>
      </div>
    </md-input-container>
    <md-input-container flex>
      <label for="card_cvc">Card CVC</label>
      <input type="text" name="card_cvc"
        ng-change="change()"
        ng-model="card.cvc"
        ng-required="!token && true"
        stripe-card-valid-cvc />
      <div ng-messages="form.card_cvc.$error">
        <div ng-message="required">Required</div>
        <div ng-message="cvc">Invalid CVC</div>
      </div>
    </md-input-container>
  </div>
  <md-input-container flex>
    <label for="card_name">Cardholder Name</label>
    <input type="text" name="card_name"
      ng-change="change()"
      ng-model="card.name"
      ng-required="false" />
    <div ng-messages="form.card_name.$error">
      <div ng-message="required">Required</div>
    </div>
  </md-input-container>
  <md-input-container flex>
    <label for="card_address_line1">Billing Address</label>
    <input type="text" name="card_address_line1"
      ng-change="change()"
      ng-model="card.address_line1"
      ng-required="false" />
    <div ng-messages="form.card_address_line1.$error">
      <div ng-message="required">Required</div>
    </div>
  </md-input-container>
  <md-input-container flex>
    <label for="card_address_line2">Billing Unit</label>
    <input type="text" name="card_address_line2"
      ng-change="change()"
      ng-model="card.card_address_line2"
      ng-required="false" />
    <div ng-messages="form.card_address_line2.$error">
      <div ng-message="required">Required</div>
    </div>
  </md-input-container>
  <div layout="row">
    <md-input-container flex>
      <label for="card_address_city">Billing City</label>
      <input type="text" name="card_address_city"
        ng-change="change()"
        ng-model="card.address_city"
        ng-required="false" />
      <div ng-messages="form.card_address_city.$error">
        <div ng-message="required">Required</div>
      </div>
    </md-input-container>
    <md-input-container flex>
      <label for="card_address_state">Billing State</label>
      <input type="text" name="card_address_state"
        ng-change="change()"
        ng-model="card.address_state"
        ng-required="false" />
      <div ng-messages="form.card_address_state.$error">
        <div ng-message="required">Required</div>
      </div>
    </md-input-container>
    <md-input-container flex>
      <label for="card_address_zip">Billing Zip</label>
      <input type="text" name="card_address_zip"
        ng-change="change()"
        ng-model="card.address_zip"
        ng-required="false" />
      <div ng-messages="form.card_address_zip.$error">
        <div ng-message="required">Required</div>
      </div>
    </md-input-container>
    <md-input-container flex>
      <label for="address_country">Billing Country</label>
      <md-select name="address_country"
        ng-change="change()"
        ng-model="card.address_country"
        ng-required="false">
        <md-option value="us">us</md-option>
      </md-select>
      <div ng-messages="form.address_country.$error">
        <div ng-message="required">Required</div>
      </div>
    </md-input-container>
  </div>
</div>