Dynamically Add/Remove Form Inputs & Insert Data Into Database Using Bootstrap 5, jQuery & PHP

Hello friends!
In this video, I'm showing you how to add and remove form inputs fields dynamically into the DOM using Bootstrap 5 and jQuery and also how to insert all form inputs values into the database using PHP and PDO - MySQL.
**********************************************************
If you like my works and my video tutorials then you can donate me some amount.
**********************************************************
Paypal: www.paypal.me/wolfmania
UPI: sahil4rock@ybl
**********************************************************
**********************************************************
"Themarketingboy" delivers a prominent strategy for a complete branding and make your website's visitors into customer. We are expert in helping business with the solution of UI-UX Designing, Website Development, Mobile App Development, SEO, SEM, Google Ads, Social Media Ads, Bulk SMS, Bulk Whatsapp, e-Mail Marketing and more.
For more info click the link👇
themarketingboy.com/
Can make a call on👇
India: [phone] USA: [phone]
**********************************************************
Thanks for watching this video. If you like this video then hit the like button, share this video, And Subscribe to my Channel. Also, like my Facebook page for the latest updates.
**********************************************************
♥ Website - dcodemania.com
♥ Facebook Page - / dcodemania
♥ Myself On FB - / sahil4rock
♥ Instagram - / sahil4rock
♥ Twitter - / dcodemania
**********************************************************

[@aristows]

This is the reason I like tutors from Hindi. They are always real & genuine in sharing their skills & knowledge. Thanks

[@theodoreivanov6257]

I followed this step-by-step and it worked perfectly. The learning value is worth any amount one may - and should - donate.

[@DCodeMania]

Thank you so much for the donation. Please let me know if you need any help or any work for me.

[@gastoncancinowp]

Me solucionaste un problema con el que ya tenía 1 semana 🤧. Excelente video 😃 !!

[@josephabasilim]

Thanks a lot! You made it look so easy.

[@pluto-world]

This is the best video of this topic! Thank You! 🤗❤️👍🏆

[@ashifahamed9916]

best video on this topic, best teaching technique

[@thehifitech]

Excellent video

[@emir.siriner]

Excellent, thanks bro. Very helpful and very useful...

[@victorchioke3437]

This is the best, Thank you so much!!!

[@Rajunganclips]

Just info, if you want to add the field below main field. Change prepend to append.

[@springrose3932]

I just need that..thank you

[@betheBetterChoice]

thank you very helpful

[@samolwt952]

please share the src code for your functionality. it would be helpful for the other community, and for beginners who r beginners

[@wahibomer1176]

Thank you so much brother

[@djellebreda4456]

thank you for all

[@nazmulhossen1639]

truly user friendly . is it possible to add and remove field by clicking enter and backspace respectively?

[@shortssmile6591]

Thanks brother😊

[@noushedakib1658]

thank you

[@VikramKumarpage]

Hello, this worked great for me. Thankyou. One more help is required. I need third text box to be calculated and filled based on 1st and second and it will readonly. Where to handle that, could u please guide me.

[@davidson7838]

Hello, can you make a similar video using laravel 9 with 4 tables (customers, products, orders, order_details) and insert data into orders and order_details tables? Once select or enter customer details and add multiple products and insert it into tables and generate a pdf invoice for printing? Thank you.

[@paulcliff6397]

Done working... here is the script, all it needed was the .remove() after the second .parent(); The easy ones are the hardest when it looking at you

[@SapienSpace]

Inside the ` ` after prepend is not apostrophes in case anyone's "Add More" button does not add more. It took me about an hour of earth rotation to figure that subtle difference between ' and this other weird character on top left of my keyboard (your keyboard might be different) -------> `

[@YahyeAbdinor]

Thanks bro , I also faced this issue . but I got it , it locates under ESC button on the top left corner of the keyboard

[@MarcosVinicius-ts2ww]

Which extension was used in the browser to retrieve the data presented in the form?

[@syifziah]

How to put auto fill in multiple data? Exactly in js? I have auto fill in first data, when I put the auto fill in js, the first data changed and the second data not filled. I hope u can answer me, thank u

[@tgt-thegrandtechnologytren6552]

Hello sahil ji I am working with my company project where i want to one result when user click + button then one dynamically open fields array, in this block one more + button there now when user click in this + button then one modal will appear and show 1 textarea and 1 save button. Now what i want to do is when user write anything in this modal textarea field the + button will convert into eye button. I used fa fa-eye class. Pls guide and give me a perfect solution 🙏

[@vincentvargas9251]

hi can i ask for the controller if you used laravel?

[@paulcliff6397]

Xamp 8.2 $(document).on('click','.remove_item_btn',function(e){ e.preventDefault(); let row_item = $(this).parent().parent(); }); not workin. I have checked the '.remove_item_btn' . Also in 8.2 the show_item script only works without white_space for me ? Any help would be appreciates.

[@user-ih4sb1hj7w]

Sir kya aap aapke VsCode ke extentions bata sakte ho ?

[@bnlovesyou2241]

How about updating dynamically?

[@paulcliff6397]

🤣great video

[@robyortega6147]

how in the moment add new input on bottom

[@timmelis4872]

Great video... Is the code on github ?

[@DCodeMania]

If you want codes then contact me on [e-mail]

[@rodolfoeliassealesposada3109]

Hello. I would like to know and have the code of this presentation but making two changes to the code, and it is the following: 1. That more items can be added, but the remove button does not appear, after the first group of data is added. 1.B The ADD Button should not appear, and be called SEND, it should only appear when filling in the last group of Data, that is, the last ITEM. 2. That the maximum number of ADD ITEM can be limited to a certain integer, that is, if n= 5 it only allows adding 5 groups of data, never less than n=5 groups. if they are 3, 3, if they are 4, 4 or if they are 8, 8 and so on. 3. That after loading the N number of lines, the ADD button serves to send the data to the DDBB. 4. If it is possible that at the moment of reaching the last item, that is, in our example 5, if it reaches 5 Activate the Button called ADD, but call SEND. I am willing to pay him for this solution. if you help me

[@aobakweseokana3699]

Hi. Did you find help?

[@TakaIncomeYT]

how to show this data in singel page

[@MrDSEO]

Dimanakah saya bisa mendownload SC sebagai sample untuk belajar....

[@digitalmarketing1967]

i want to pull data into google sheet... is it possible... ? i tried for many day but i could not get... can You guide how is possible

[@harishsree2901]

yes it is.. Use App Script

[@johnwesley2090]

how to validate whether data is present are not

[@ShahzaibKhan-wh5hh]

sir please PHP Prepare statement mysqli CRUD with text and image upload Ajax jQuery and Bootstrap model jquery table plugin not use pdo or oops

[@user-mq7lm6rg2d]

Script ".add_item_btn" is not loading in form. Pls help

[@rodolfoeliassealesposada3109]

Hola. me gustaria saber si alguien tiene el conocimiento y puede ayudarme, y tener el codigo de esta presentacion pero haciendo los cambios a el codigo, y es lo siguiente: 1. Que se pueda agregar mas item, pero que no aparezca el boton de remove, despues de agregado el primer grupo de datos. 1.B no debe aparecer el Boton de ADD, y llamarse ENVIAR, solo debera aparecer al llenar el ultimo grupo de Datos, es decir, el utimo ITEM. 2. Que se pueda limitar el numero maximo de ADD ITEM a un numero entero determinado, es decir, que si n= 5 solo permita agregar 5 grupos de datos unicamente, nunca menos de los n=5 grupos. si son 3, 3, si son 4, 4 o si son 8, 8 y asi sucesivamente. 3. Que despues de cargados los N cantidad de lineas, el boton de ADD sirva para enviar los datos a la DDBB. 4. de ser posible que a el momento de llegar a el ultimo item, es decir, en nuestro ejemplo 5 , si llega a 5 Active el Boton llamado ADD, pero que se llame ENVIAR. Estoy dispuesto a pagarel por esta solucion. si me ayuda.

[@my_codingchannel7479]

Just what the doctor ordered… now how to send data to sheets

[@chopbar4951]

can you do it to an update

[@Setiawan-]

why is not working in my case ?

[@paulcliff6397]

should have looked at the full video

[@onestep7776]

I have a error please help me

[@Setiawan-]

it's not working . i use PHP v 7.2.34 and Mysql 5.7.36

[@Setiawan-]

i get the problem. u must becarefull in copy paste

[@kasitrends3420]

I use PHP too, is there any way to fix it?

[@intanumbrella266]

@@Setiawan- where u copy paste the code?

[@savvasmirazanasvili9770]

i cant find your source code

[@ghost-2-7]

that what i want but i need it using c# 😂 😂 😂 😂

[@NISHANTSINGH-fg8pj]

in the script part there is a error .... there should be (".show_item") in place of("#show_item") it needs a (.) not (#) because its a class

[@sandeepavasthi9947]

Can you pleae give me code?

[@ClashWithAngil]

Ok Ok Ok Ok

[@Hari-tv]

i need source code please

[@Le_Mouton_Noir]

source?

[@sannsantiago7425]

Still working as dev @dcodemania?

[@sannsantiago7425]

If you do, I need your help, would hire you.

[@DCodeMania]

Yes, you can contact me on [e-mail]