Asp.net mvc : Suggestion on Invoice entry.

Question

I am new to asp.net mvc. And this is my first ever web project. 

I am stuck at one point since few days. 

 

I am trying to bulid a system for a small retail pharmacy store nearby.  Based on Q/A with them. They want to keep record of all  the items purchased from a particular supplier on the particular date. Normally its is to enter all the data of purchase invoice. 

 

So i designed a form  and has two buttons : "add to list" and "Save".  user inserts all the form data and clicks on "add to list". It displays the form input data in the table below.  And when i click "Save" button, it should save all the list on tables to database. 

 

I think I can do saving all but but the main problem i am having  is with displaying input data on table and then bulk saving. It is because, if user enters wrong data so he can remove the items clicking on the delete button on the table before uploading to database. 

 

Its looks similar to shopping cart. The difference is user has form to fill up than selecting an item.

 

Now how can I do this ? I have been trying to use jquery ajax but failed to get the result.  As i realized later that I was doing all wrong . 

So guys if have any suggestion how to do this or any similar tutorial. Please do let me know.  

 

And one more question: Can't I upload a picture along with my question?