Scribd
Importer
31 vues3 pages

Formulaire de paiement sécurisé en ligne

Le document présente un formulaire de paiement en ligne pour collecter les informations de l'acheteur, y compris le nom, l'email, l'adresse, et les détails de la carte de crédit. Un message de succès s'affiche après la soumission du formulaire, indiquant que les informations ont été enregistrées. Le script JavaScript associé gère la soumission du formulaire et l'affichage du message de succès.

Transféré par

Placide Mulangua
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
31 vues3 pages

Formulaire de paiement sécurisé en ligne

Le document présente un formulaire de paiement en ligne pour collecter les informations de l'acheteur, y compris le nom, l'email, l'adresse, et les détails de la carte de crédit. Un message de succès s'affiche après la soumission du formulaire, indiquant que les informations ont été enregistrées. Le script JavaScript associé gère la soumission du formulaire et l'affichage du message de succès.

Transféré par

Placide Mulangua
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

<form id="checkout-form">

<h2>Informations de l'acheteur</h2>

<label for="name">Nom complet :</label>

<input type="text" id="name" name="name" required>

<label for="email">Adresse e-mail :</label>

<input type="email" id="email" name="email" required>

<label for="address">Adresse :</label>

<input type="text" id="address" name="address" required>

<label for="city">Ville :</label>

<input type="text" id="city" name="city" required>

<label for="country">Pays :</label>

<input type="text" id="country" name="country" required>

<h2>Informations de paiement</h2>

<label for="card-number">Numéro de carte de crédit :</label>

<input type="text" id="card-number" name="card-number" required>

<label for="expiration-date">Date d'expiration :</label>

<input type="text" id="expiration-date" name="expiration-date" required>

<label for="cvv">CVV :</label>


<input type="text" id="cvv" name="cvv" required>

<button type="submit">Soumettre</button>

</form>

<div id="success-message" style="display: none;">

<h2>Vos coordonnées ont été enregistrées avec succès !</h2>

<p>Veuillez vous rendre sur la page des produits pour effectuer votre achat.</p>

</div>

<script>

const form = [Link]('checkout-form');

const successMessage = [Link]('success-message');

[Link]('submit', (event) => {

[Link]();

// Ici, vous pouvez ajouter la logique pour enregistrer les informations de l'acheteur et de la carte de
crédit

// Par exemple, vous pouvez envoyer les données à un serveur ou les stocker dans une base de
données

[Link] = 'none';

[Link] = 'block';

});

</script>

Vous aimerez peut-être aussi