1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Stripe

Discussion in 'JavaScript' started by Jeremy Benson, Mar 26, 2015.

  1. #1
    Is anyone here good with Stripe? For some reason I'm not getting a stipetoken passed to my php script...

    The JS code below. The only thing to note is that the form isn't present on page load, it's echoed out after a few steps. I don't think that's the problem though. I've tried this tons of times... I have no idea why it's all of a sudden not working now...

    // This identifies your website in the createToken call below
      Stripe.setPublishableKey('key here');
      // ...
    
     
    jQuery(function($) {
      $('#payment-form').submit(function(event) {
      var $form = $(this);
    
      // Disable the submit button to prevent repeated clicks
      $form.find('button').prop('disabled', true);
      alert("THIS FORM FuNCTIN");
      Stripe.card.createToken($form, stripeResponseHandler);
    
      // Prevent the form from submitting with the default action
      return false;
      });
    });
    // Response handler
    
    function stripeResponseHandler(status, response) {
      var $form = $('#payment-form');
    
      if (response.error) {
      // Show the errors on the form
      $form.find('.payment-errors').text(response.error.message);
      $form.find('button').prop('disabled', false);
      } else {
      // response contains id and card, which contains additional card details
      var token = response.id;
      // Insert the token into the form so it gets submitted to the server
      $form.append($('<input type="hidden" name="stripeToken" />').val(token));
      // and submit
      $form.get(0).submit();
      }
    };   
    
    
    Code (JavaScript):
    Form
    // card form
      echo '<form class="card_form" id="payment-form" method="post" action="gateway/code/php/process_listing_upgrade_payment.php">
           <label>Card Number</label><br/>
           <input class="postinput 4pxmarginB" data-stripe="number" type="text" />
           <img alt="locked_visa" src="gateway/images/payment/credit_card.png" /><br/>
           <label>Expiration month</label><br/>
           <input class="postinput 4pxmarginB" type="text" data-stripe="exp-month" pattern="\d{2}" placeholder="MM"/>
           <img alt="locked_visa" src="gateway/images/payment/calendar.png" /><br/>
           <label>Expiration year</label><br/>
           <input class="postinput 4pxmarginB" type="text" data-stripe="exp-year" pattern="\d{4}" placeholder="YYYY"/>
           <img alt="locked_visa" src="gateway/images/payment/calendar.png" /><br/>
           <label>CVC</label><br/>
           <input class="postinput 4pxmarginB" type="text" data-stripe="cvc"/>
           <img alt="locked_visa" src="gateway/images/payment/sm_lock_32.png" /><br/>
           <br/>';
        
           echo '<button type="submit" style="padding:4px; margin-top:8px;">Submit</button>
           <input type="hidden" name="feeDollars" value="'.$fee.'"/>
           <input type="hidden" name="listingToken" value ="'.$listingToken.'" /><br/><br/>';
        
             if(isset($_GET['paymenterror']))
           {
        
             $error = url_decode($_GET['paymenterror']);
          
             echo '<p id="payment-errors" class="payment-errors" style="background-color:yellow;">'.$error.'</p><br/>';      
        
           }else{
        
             echo '<br/><br/><p id="payment-errors" class="payment-errors" style="background-color:yellow;"></p><br/>';
        
           }
        
            // send current url with updated ammounts with form.     
        
        echo '</form>';
    
    Code (markup):
     
    Last edited: Mar 26, 2015
    Jeremy Benson, Mar 26, 2015 IP
  2. Jeremy Benson

    Jeremy Benson Well-Known Member

    Messages:
    364
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    123
    #2
    I don't either js functions are being called. I can't echo anything out from responsehandler...
     
    Jeremy Benson, Mar 26, 2015 IP
  3. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #3
    No $(document).ready(function() {}) ?
     
    PoPSiCLe, Mar 26, 2015 IP
  4. krivicky01

    krivicky01 Greenhorn

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #4
    Have you read the documents, where they have given API information, i think there its written very clearly.
     
    krivicky01, Apr 29, 2015 IP