2017-10-21 67 views
2

En essayant d'utiliser Stripe v3 pour le paiement. Le guide est ici https://stripe.com/docs/elementsNe pas collecter le code postal avec Stripe

Je ne veux pas recueillir le code postal. Cependant, je ne peux pas comprendre comment. Mon HTML est:

<form> 
    <label> 
    <div id="card-element" class="field is-empty"></div> 
    <span><span>Credit or debit card</span></span> 
    </label> 
    <button type="submit">Pay</button> 
    <div class="outcome"> 
    <div class="error" role="alert"></div> 
    <div class="success"> 
     Success! Your Stripe token is <span class="token"></span> 
    </div> 
    </div> 
</form> 

Et javascript est:

var card = elements.create('card', { 
    style: { 
    hidePostalCode: true, 
    base: { 
     iconColor: '#666EE8', 
     color: '#31325F', 
     lineHeight: '40px', 
     fontWeight: 300, 
     fontFamily: '"Helvetica Neue", Helvetica, sans-serif', 
     fontSize: '15px', 

     '::placeholder': { 
     color: '#CFD7E0', 
     }, 
    }, 
    } 
}); 

card.mount('#card-element'); 

Mais il demande toujours le code postal:

enter image description here

Il y a un guide pour la balise Element ici https://stripe.com/docs/stripe.js#element-types . Mais je ne peux pas voir où je peux recueillir le numéro de carte, CVC et expiration de la carte, mais pas le code postal ...

+0

Votre code est correct. – Zico

Répondre

1

Heureusement, cela devrait être une solution assez simple! hidePostalCode: true doit être une propriété de niveau supérieur dans votre options, plutôt que d'être imbriquée sous style ici.

https://stripe.com/docs/stripe.js#element-options

var card = elements.create('card', { 
hidePostalCode: true, 
style: { 
base: { 
    iconColor: '#666EE8', 
    color: '#31325F', 
    lineHeight: '40px', 
    fontWeight: 300, 
    fontFamily: '"Helvetica Neue", Helvetica, sans-serif', 
    fontSize: '15px', 

    '::placeholder': { 
    color: '#CFD7E0', 
    }, 
    }, 
} 
}); 

card.mount('#card-element');