Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

vue-stripe-payment

npm vue2

Vue wrapper for validating payment form fields. This Plugin is dependent on jQuery

A directive is provided for input masking form fields, and the whole payment library is available under the this.$payment object.

Demo

Installation

Via npm:

yarn add vue-stripe-payment
- OR -
npm install vue-stripe-payment

Using this plugin

Adding vue-stripe-payment to your application is as simple as any other plugin:

import Vue from 'vue';

import VueStripePayment from 'vue-stripe-payment';

Vue.use(VueStripePayment);

new Vue({
  el: '#app',
});

The v-stripe-payment directive is now available to your app. Masks can be accessed as the arg of this directive, for example:

<form>
  <div class="form-group">
    <label>Card number</label>
    <input class="form-control" v-payment:formatCardNumber>
  </div>
  <div class="form-group">
    <label>Card Expiry</label>
    <input class="form-control" v-payment:formatCardExpiry>
  </div>
  <div class="form-group">
    <label>Card CVC</label>
    <input class="form-control" v-payment:formatCardCVC>
  </div>
  <div class="form-group">
    <label>Numeric input</label>
    <input class="form-control" v-payment:restrictNumeric>
  </div>
  <button class="btn btn-primary">Submit</button>
</form>

For further details, see the stripe/jquery.payment readme.

📜 Changelog

Details changes for each release are documented in the CHANGELOG.md.

©️ License

MIT

About

Vue wrapper for jquery.payment by stripe

Topics

Resources

License

Releases

No releases published

Packages

No packages published