Example 1: payment with stripe in php

<script type="text/javascript" src="https://js.stripe.com/v2/">script>
<script src="vendor/jquery/jquery-3.2.1.min.js" type="text/javascript">script>
<script>
function cardValidation () {
    var valid = true;
    var name = $('#name').val();
    var email = $('#email').val();
    var cardNumber = $('#card-number').val();
    var month = $('#month').val();
    var year = $('#year').val();
    var cvc = $('#cvc').val();

    $("#error-message").html("").hide();

    if (name.trim() == "") {
        valid = false;
    }
    if (email.trim() == "") {
    	   valid = false;
    }
    if (cardNumber.trim() == "") {
    	   valid = false;
    }

    if (month.trim() == "") {
    	    valid = false;
    }
    if (year.trim() == "") {
        valid = false;
    }
    if (cvc.trim() == "") {
        valid = false;
    }

    if(valid == false) {
        $("#error-message").html("All Fields are required").show();
    }

    return valid;
}
//set your publishable key
Stripe.setPublishableKey(" echo STRIPE_PUBLISHABLE_KEY; ?>");

//callback to handle the response from stripe
function stripeResponseHandler(status, response) {
    if (response.error) {
        //enable the submit button
        $("#submit-btn").show();
        $( "#loader" ).css("display", "none");
        //display the errors on the form
        $("#error-message").html(response.error.message).show();
    } else {
        //get token id
        var token = response['id'];
        //insert the token into the form
        $("#frmStripePayment").append("");
        //submit form to the server
        $("#frmStripePayment").submit();
    }
}
function stripePay(e) {
    e.preventDefault();
    var valid = cardValidation();

    if(valid == true) {
        $("#submit-btn").hide();
        $( "#loader" ).css("display", "inline-block");
        Stripe.createToken({
            number: $('#card-number').val(),
            cvc: $('#cvc').val(),
            exp_month: $('#month').val(),
            exp_year: $('#year').val()
        }, stripeResponseHandler);

        //submit from callback
        return false;
    }
}
script>

Example 2: payment with stripe in php

 if(!empty($successMessage)) { ?>
<div id="success-message"> echo $successMessage; ?>div>
  } ?>
<div id="error-message">div>

<form id="frmStripePayment" action="" method="post">
    <div class="field-row">
        <label>Card Holder Namelabel> <span id="card-holder-name-info"
            class="info">span><br> <input type="text" id="name"
            name="name" class="demoInputBox">
    div>
    <div class="field-row">
        <label>Emaillabel> <span id="email-info" class="info">span><br>
        <input type="text" id="email" name="email" class="demoInputBox">
    div>
    <div class="field-row">
        <label>Card Numberlabel> <span id="card-number-info"
            class="info">span><br> <input type="text" id="card-number"
            name="card-number" class="demoInputBox">
    div>
    <div class="field-row">
        <div class="contact-row column-right">
            <label>Expiry Month / Yearlabel> <span id="userEmail-info"
                class="info">span><br> <select name="month" id="month"
                class="demoSelectBox">
                <option value="08">08option>
                <option value="09">9option>
                <option value="10">10option>
                <option value="11">11option>
                <option value="12">12option>
            select> <select name="year" id="year"
                class="demoSelectBox">
                <option value="18">2018option>
                <option value="19">2019option>
                <option value="20">2020option>
                <option value="21">2021option>
                <option value="22">2022option>
                <option value="23">2023option>
                <option value="24">2024option>
                <option value="25">2025option>
                <option value="26">2026option>
                <option value="27">2027option>
                <option value="28">2028option>
                <option value="29">2029option>
                <option value="30">2030option>
            select>
        div>
        <div class="contact-row cvv-box">
            <label>CVClabel> <span id="cvv-info" class="info">span><br>
            <input type="text" name="cvc" id="cvc"
                class="demoInputBox cvv-input">
        div>
    div>
    <div>
        <input type="submit" name="pay_now" value="Submit"
            id="submit-btn" class="btnAction"
            onClick="stripePay(event);">

        <div id="loader">
            <img alt="loader" src="LoaderIcon.gif">
        div>
    div>
    <input type='hidden' name='amount' value='0.5'> <input type='hidden'
        name='currency_code' value='USD'> <input type='hidden'
        name='item_name' value='Test Product'> <input type='hidden'
        name='item_number' value='PHPPOTEG#1'>
form>