Server : ApacheSystem : Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64 User : ndkhermy ( 1200) PHP Version : 8.5.12 Disable Function : NONE Directory : /home1/ndkhermy/public_html/website_93b53270/stripe/ |
Upload File : |
<?php
/* coded by Rahul Barui ( https://github.com/Rahul-Barui ) */
include "dbcon.php";
if(isset($_POST['submit'])){
$productId = $_POST['id'];
} else {
$productId = '';
}
$SQL_getPr = "SELECT * FROM `products` WHERE `id`='$productId'";
$res_getPr = mysqli_query($con,$SQL_getPr) or die("MySql Query Error".mysqli_error($con));
$row_getPr = mysqli_fetch_assoc($res_getPr);
$price = $row_getPr['price'];
?>
<html>
<head>
<title> Stripe Payment Gateway Integration in PHP </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" type="text/css" href="css/design.css">
</head>
<body>
<div class="container">
<h2 style="text-align: center; color: blue;">Stripe Payment Gateway Integration in PHP </h2>
<br>
<div class="row">
<div class="col-xs-12 col-md-4">
<div class="panel panel-default credit-card-box">
<div class="panel-heading display-table" >
<div class="row display-tr" >
<h3 class="panel-title display-td"> Payment Details</h3>
<div class="display-td" >
<img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png">
</div>
</div>
</div>
<div class="panel-body">
<!-- Display errors returned by createToken -->
<div class="payment-status" style="color: red;"></div>
<!-- Payment form -->
<form role="form" action="stripe_payment.php" method="POST" name="cardpayment" id="payment-form">
<input type="hidden" name="productId" value="<?php echo $productId;?>"/>
<div class="row">
<div class="col-xs-12">
<div class="form-group">
<label for="couponCode">CARD HOLDER NAME</label>
<input type="text" class="form-control" name="holdername" placeholder="Enter Card Holder Name" autofocus required id="name" />
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group">
<label for="couponCode">EMAIL</label>
<input type="email" class="form-control" name="email" placeholder="Email" id="email" required />
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group">
<label for="cardNumber">CARD NUMBER</label>
<div class="input-group">
<input type="text" class="form-control" name="card_number" placeholder="Valid Card Number" autocomplete="cc-number" id="card_number" maxlength="16" data-stripe="number" required />
<span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-4 col-md-4">
<div class="form-group">
<label for="cardExpiry"><span class="visible-xs-inline">MON</span></label>
<select name="card_exp_month" id="card_exp_month" class="form-control" data-stripe="exp_month" required>
<option>MON</option>
<option value="01">01 ( JAN )</option>
<option value="02">02 ( FEB )</option>
<option value="03">03 ( MAR )</option>
<option value="04">04 ( APR )</option>
<option value="05">05 ( MAY )</option>
<option value="06">06 ( JUN )</option>
<option value="07">07 ( JUL )</option>
<option value="08">08 ( AUG )</option>
<option value="09">09 ( SEP )</option>
<option value="10">10 ( OCT )</option>
<option value="11">11 ( NOV )</option>
<option value="12">12 ( DEC )</option>
</select>
</div>
</div>
<div class="col-xs-4 col-md-4">
<div class="form-group">
<label for="cardExpiry"><span class="visible-xs-inline">YEAR</span></label>
<select name="card_exp_year" id="card_exp_year" class="form-control" data-stripe="exp_year">
<option>Year</option>
<option value="20">2020</option>
<option value="21">2021</option>
<option value="22">2022</option>
<option value="23">2023</option>
<option value="24">2024</option>
<option value="25">2025</option>
<option value="26">2026</option>
<option value="27">2027</option>
<option value="28">2028</option>
<option value="29">2029</option>
<option value="30">2030</option>
<option value="31">2031</option>
<option value="32">2032</option>
<option value="33">2033</option>
<option value="34">2034</option>
<option value="35">2035</option>
</select>
</div>
</div>
<div class="col-xs-4 col-md-4 pull-right">
<div class="form-group">
<label for="cardCVC">CV CODE</label>
<input type="password" class="form-control" name="card_cvc" placeholder="CVC" autocomplete="cc-csc" id="card_cvc" required />
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<button class="subscribe btn btn-success btn-lg btn-block submit" type="submit" id="payBtn">PAY NOW ( $<?php echo $price;?> )</button>
</div>
</div>
</form>
</div>
</div>
<!-- CREDIT CARD FORM ENDS HERE -->
</div>
<div class="col-xs-12 col-md-4">
<h2>Test Card Number Details</h2>
<p>To test the payment process, you need test card details. Use any of the following test card numbers - </p>
<ul>
<li>A valid future expiration date.</li>
<li>Any random CVC number</li>
</ul>
<!--<p>To test Stripe payment gateway integration in PHP</p>-->
<table class="tutorial-table" cellspacing="0" cellpadding="0" width="100%">
<tr>
<th>Card Number</th>
<th>Brand Name</th>
</tr>
<tr>
<td>4242424242424242</td>
<td>Visa</td>
</tr>
<tr>
<td>4000056655665556</td>
<td>Visa (debit)</td>
</tr>
<tr>
<td>5555555555554444</td>
<td>Mastercard</td>
</tr>
<tr>
<td>5200828282828210</td>
<td>Mastercard (debit)</td>
</tr>
<tr>
<td>378282246310005</td>
<td>American Express</td>
</tr>
<tr>
<td>6011111111111117</td>
<td>Discover</td>
</tr>
<tr>
<td>6200000000000005</td>
<td>UnionPay</td>
</tr>
</table>
</div>
</div>
</div>
</body>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<!-- Stripe JavaScript library -->
<script src="https://js.stripe.com/v2/"></script>
<script src="js/jquery.min.js"></script>
<script>
// Set your publishable key
Stripe.setPublishableKey('pk_test_51O56hgF2kbJAo4QzIE2rcEDLD8ubrLmRO8lNecleAGJgTRZocoB3OG6BcSX2hORAmeWJQmzGavIgiWf77xJyZEIN002F7BoyUX');
$(function() {
var $form = $('#payment-form');
$form.submit(function(event) {
// Disable the submit button to prevent repeated clicks:
$form.find('.submit').prop('disabled', true);
// Request a token from Stripe:
Stripe.card.createToken($form, stripeResponseHandler);
// Prevent the form from being submitted:
return false;
});
});
function stripeResponseHandler(status, response) {
// Grab the form:
var $form = $('#payment-form');
if (response.error) { // Problem!
// Show the errors on the form:
$form.find('.payment-status').text(response.error.message);
$form.find('.submit').prop('disabled', false); // Re-enable submission
} else { // Token was created!
// Get the token ID:
var token = response.id;
// Insert the token ID into the form so it gets submitted to the server:
$form.append($('<input type="hidden" name="stripeToken">').val(token));
// Submit the form:
$form.get(0).submit();
}
};
// Callback to handle the response from stripe
function stripeResponseHandler(status, response) {
if (response.error) {
// Enable the submit button
$('#payBtn').removeAttr("disabled");
// Display the errors on the form
$(".payment-status").html('<p>'+response.error.message+'</p>');
} else {
var form$ = $("#payment-form");
// Get token id
var token = response.id;
// Insert the token into the form
form$.append("<input type='hidden' name='stripeToken' value='" + token + "' />");
// Submit form to the server
form$.get(0).submit();
}
}
$(document).ready(function() {
// On form submit
$("#payment-form").submit(function() {
// Disable the submit button to prevent repeated clicks
$('#payBtn').attr("disabled", "disabled");
// Create single-use token to charge the user
Stripe.createToken({
number: $('#card_number').val(),
exp_month: $('#card_exp_month').val(),
exp_year: $('#card_exp_year').val(),
cvc: $('#card_cvc').val()
}, stripeResponseHandler);
// Submit from callback
return false;
});
});
</script>
</html>