Build an HTML form with jQuery/AJAX and JSON responses

Awarded Posted Apr 1, 2014 Paid on delivery
Awarded Paid on delivery

I am building a webapp for dog kennels/day cares. I need a complex reservation form made. The form should use Bootstrap 3.0, jQuery 1.10.2, [url removed, login to view] 1.0, jquery ui date/time picker. The code is currently on the PHP CodeIgniter framework, although I will provide all of the PHP objects to the view for populating the menus.

The form has the following fields

1.) Location - <select> menu with [url removed, login to view], I have the PHP object for population (loads on page load)

2.) Owner - <select> menu with [url removed, login to view], I have the PHP object for population (loads on page load)

3.) Pet - <select multiple> menu with [url removed, login to view], this field is dependent on the "owner" field and <option> will need to be populated with AJAX (I provide JSON object and URL)

4.) Type - <select> menu with [url removed, login to view], I have the PHP object for population (loads on page load)

5.) Start Date / Time - uses jQuery UI date/timepicker

6.) End Date / Time - uses jQuery UI date/timepicker

7.) Notes - <textarea> with bootstrap-wysihtml5 (wysiwyg editor available on Github)

8.) Services - <select multiple> menu with chosen.js. I have the PHP object for population (loads on page load)

Selecting a value for #3 (Pet) field will populate a hidden div that can be shown by clicking on a button that will show details about the selected pet (I will provide a JSON object and URL).

There should be a button next to Owner to show a modal window to create a new owner (I provide the form and handle the submission and will respond with a JSON object of the newly created owner). After creating a new owner, the created record will be selected programatically. A new pet button should appear. After clicking this button show a modal window to create a new pet (I provide the form and handle the submission and will respond with a JSON object of the newly created pet). This new record should be automatically selected.

There should be 2 types of submit buttons, "Save and Add Another" and "Save and Go Back To List". Both of these forms will be submitted by AJAX (I provide the URL to POST to and will respond with a JSON object that will contain a success message or validation errors). If "Save and Add Another" is selected, the form will clear and allow for a new submission. If "Save and Go Back to List" is selected, it will save and on success redirect to another URL (I will provide).

Start Date and End Date should pre-populate on page load, and after each AJAX submission (I will provide the dates).

After selecting a start date, use AJAX to ask the server if it falls within a deposit required date range. I will provide the URL and a JSON response. If this request returns "true", then add fields to the form asking for Credit Card Number, Exp. Date (month and year), CVV2, and amount (amount should populate from the JSON response).

AJAX HTML HTML5 jQuery / Prototype PHP

Project ID: #5745994

About the project

10 proposals Remote project Active Apr 1, 2014

10 freelancers are bidding on average $826 for this job

kchg

Hi I am glad to find your project. I am web developer with good wordpress and php skills. As you know, My ranking is top 9 in freelancer. So don't worry about the project. Please check my portfolio yourself and let m More

$2061 USD in 15 days
(390 Reviews)
9.2
meet2amitvw

Let's discuss over freelancer Personal Message Box for the proper estimation of cost and time. I am myself doing programming so you will directly work with one person and that's me. No mediators. No managers. No sub More

$773 USD in 10 days
(146 Reviews)
9.0
dagdya99

Hi, I'm interested to work on your project. Please let me know if you require any detailed information. Waiting for your reply Thanks Dev

$631 USD in 10 days
(367 Reviews)
7.5
DragonOfDev

Hello~ I have interested in your project. Ready to start now. Thanks, Gaun

$309 USD in 3 days
(69 Reviews)
7.0
zeke

Dear Customer! I am an expert PHP developer with over 6 years of experience and very interested to work on this project. Available to start immediately and finish as soon as possible. My bid is for fast professional s More

$515 USD in 20 days
(181 Reviews)
7.4
thangtqvn

Hello, I'm Thang from VietNam, Have 6 years experience in PHP, CSS, HTML, XML, AJAX, programming. And many platforms such as Oscommerce, Prestashop, Joomla, Wordpress, Opencart, Cs-cart, X-cart... I'm very interest More

$526 USD in 10 days
(230 Reviews)
6.9