Jquery Modal form with in-line validations

This project received 9 bids from talented freelancers with an average bid price of $200 USD.

Get free quotes for a project like this
Project Budget
Total Bids
Project Description

I have been building an app and have encountered a road block related to AJAX form submission. I am having trouble including in-line validations and getting the form to submit.

The big questions are:

-where to put and how to implement validations for the new user/transaction modal form

-how to submit the modal form

-how to update the page after form submission

My app is integrated with Stripe for payments. I am using client_side_validations gem for in-line form validation.

Here's the user flow:

1. Non-user clicks the "buy" button for a post

2. 'transactions/form' modal dialog form opens: contains a form that creates a new transaction and optionally- a new user (registration)

3. form contains stripe credit card fields and optional password/email fields, also contains hidden fields for information about the post (id, price, etc...)

4. User has two options:

a. enter only credit details

b. enter credit details and password/email, i.e. register

5. click submit

6. IF: option a, only credit details have been entered

- validate card

- charge credit card

- close modal and make appropriate changes to the page

7. IF: option b, credit card + registration details have been entered

- validate card and user details

- create user

- create customer and charge customer

- close modal and make appropriate changes to the page

8. the post is changed from 'active' to 'inactive'

If you take on the job, I'll add you as a contributor to my private github repo

The files and line numbers that need work are:

[url removed, login to view] line: 43- the create action

[url removed, login to view]

[url removed, login to view]

pages/[url removed, login to view] line: 24

transactions/[url removed, login to view]

Would be forever indebted to you if you could take on this job, or at the very least take a look at my code and suggest something.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online