Stripe / Rails Keeps Returning Error - ruby-on-rails

Question

I am trying to allow users to deposit money into their account in a Rails app, but I keep getting my error message: "There was a problem with your credit card."
I'm following along with this RailsCast ( http://railscasts.com/episodes/288-billing-with-stripe ), but trying to allow the user to set the amount and it also save a record of it in the corresponding model.
Here's what I have:
Model:
class Deposit < Transaction
attr_accessor :stripe_card_token
def save_with_payment
if valid?
customer = Stripe::Charge.create(amount: 10, currency: "usd", card: stripe_card_token, description: "Deposit for test#example.com")
save!
end
rescue Stripe::InvalidRequestError => e
logger.error "Stripe error while creating deposit: #{e.message}"
errors.add :base, "There was a problem with your credit card."
false
end
end
Controller:
class DepositsController < ApplicationController
before_filter :authenticate_user!
def index
#deposits = Deposit.where(user_id: current_user.id).order(created_at: :desc).all
end
def new
#deposit = Deposit.new
end
def create
#deposit = Deposit.new(deposit_params)
#deposit.user_id = current_user.id
if #deposit.save_with_payment
redirect_to #deposit, :notice => "Thank you"
else
render :new
end
end
private
def deposit_params
params.require(:deposit).permit(:amount, :stripe_card_token) #add attributes in permit
end
end
New Action:
<h1>Make a Deposit</h1>
<%= form_for(#deposit) do |f| %>
<% if #deposit.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(#deposit.errors.count, "error") %> prohibited this deposit from being saved:</h2>
<ul>
<% #deposit.errors.full_messages.each do |msg| %>
<li><%= msg %></li>
<% end %>
</ul>
</div>
<% end %>
<%= f.hidden_field :stripe_card_token %>
<div class="field">
<%= f.label :amount %><br>
<%= f.text_field :amount %>
</div>
<% if #deposit.stripe_card_token.present? %>
Credit card has been provided.
<% else %>
<div class="field">
<%= label_tag :card_number, "Credit Card Number" %>
<%= text_field_tag :card_number, nil, name: nil %>
</div>
<div class="field">
<%= label_tag :card_code, "Security Code on Card (CVV)" %>
<%= text_field_tag :card_code, nil, name: nil %>
</div>
<div class="field">
<%= label_tag :card_month, "Card Expiration" %>
<%= select_month nil, {add_month_numbers: true}, {name: nil, id: "card_month"} %>
<%= select_year nil, {start_year: Date.today.year, end_year: Date.today.year+15}, {name: nil, id: "card_year"} %>
</div>
<% end %>
<div id="stripe_error">
<noscript>JavaScript is not enabled and is required for this form. First enable it in your web browser settings.</noscript>
</div>
<div class="actions">
<%= f.submit 'Submit', :class => 'btn btn-primary' %>
</div>
<% end %>
CoffeeScript:
jQuery ->
Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'))
deposit.setupForm()
deposit =
setupForm: ->
$('#new_deposit').submit ->
$('input[type=submit]').attr('disabled', true)
if $('#card_number').length
deposit.processCard()
false
else
true
processCard: ->
card =
amount: $('#amount').val()
number: $('#card_number').val()
cvc: $('#card_code').val()
expMonth: $('#card_month').val()
expYear: $('#card_year').val()
Stripe.createToken(card, deposit.handleStripeResponse)
handleStripeResponse: (status, response) ->
if status == 200
$('#subscription_stripe_card_token').val(response.id)
$('#new_deposit')[0].submit()
else
$('#stripe_error').text(response.error.message)
$('input[type=submit]').attr('disabled', false)
What am I doing wrong?

Answer 1

I think the likely issue is that your handleStripeResponse callback in your Coffescript file is not setting the stripe token correctly. The railscast you are following has its form inside <%= form_for #subscription do |f| %> whereas yours is <%= form_for(#deposit) do |f| %> so I think your stripe token field should be able to be accessed like this:
$('#deposit_stripe_card_token').val(response.id)
You should be able to verify this either in your console or just by inspecting the DOM directly to see what the ID is on that hidden field.