Collecting Form Data using JavaScript

  Рет қаралды 56,307

procademy

procademy

3 жыл бұрын

In this lecture, you will learn how to collect form data of different input fields in HTML using JavaScript and DOM.

Пікірлер: 31
@hannabouttros172
@hannabouttros172 2 жыл бұрын
ABSOLUTELY FANTASTIC! SO CLEAR AND WELL EXPLAINED AS ALL THE PREVIOUS TUTORIALS! ONE CAN REALLY LEARN WITH YOUR LECTURES. THANK YOU SO MUCH!
@pastorjosephshonubi3038
@pastorjosephshonubi3038 3 ай бұрын
this is the best tutorial i have seen so far. it makes it simple to learn, thanks
@sauravrajmitra6804
@sauravrajmitra6804 2 жыл бұрын
big fan sir 🙌 🙌 very well explained
@sharifaha5098
@sharifaha5098 2 жыл бұрын
this tutorial is underrated. very concise and presentation flow is easy to follow. passing this on!
@sushilkumar-ef7gh
@sushilkumar-ef7gh 2 жыл бұрын
Very much clear concept
@minhlengocnguyen6554
@minhlengocnguyen6554 Жыл бұрын
From Vietnam, IT SO GOOD SIR, thank you sir, make my essay more easy!!!
@amitchaurasiya4876
@amitchaurasiya4876 4 ай бұрын
Thanku so much.😊you are amazing ❤. your tutorials are really helpfull the way you taught node js i loved that and now i'm currently learning react js from your channel your tutorials are amazing 👏 and i also share your tutorials with my friends. Please never delete such type of helpful videos.
@mariosk.5173
@mariosk.5173 2 жыл бұрын
you sir are a hero
@laszlotabor
@laszlotabor Жыл бұрын
Im doing a restaurant reservation sheet at the moment for my bootcamp and your video really helped me out! Thank You and all my bests!
@colindante5164
@colindante5164 Жыл бұрын
Thanks a whole bunch))
@josephlivengood4508
@josephlivengood4508 Жыл бұрын
good video, however for some reason my radio buttons are all defaulting to the first value and it's not checked, but in the browser it shows as if checked, really weird.
@devakichandrika3516
@devakichandrika3516 2 жыл бұрын
when input values are changing that means value is not predefined how to print the value we typed instanly
@PedroSupimpa
@PedroSupimpa Жыл бұрын
When i put the console.log(fname), doesnt show anything on console
@mikhailkevin2505
@mikhailkevin2505 Жыл бұрын
can i ask sir, you has grab a data and show it in console.log, how about to show it in another page sir? can i have do like i'm ask? Thank you
@mohdfaisal4725
@mohdfaisal4725 Жыл бұрын
how do i get the responses?? on server side ... anyone plz help
@shauntiey
@shauntiey Жыл бұрын
im looking for the video that involves events
@yuanfanglu
@yuanfanglu Жыл бұрын
Is "John" and "smith" are the value set in placeholder? The Javascript doesn't return the value (using .value), only when I use .getAttribute("placeholder"). Any idea what is the issue?
@KannadaLofi
@KannadaLofi Жыл бұрын
john and smith are not the place holders here, he has put in like default values to showcase the usecase.
@DeepakSingh-cn4re
@DeepakSingh-cn4re Жыл бұрын
How To send This data to my database ?
@colindante5164
@colindante5164 Жыл бұрын
Use "Express" to set up a route to receive the data and once you have your database set up use .insert. You need to learn the MERN stack. Enjoy.
@kirrahyde314
@kirrahyde314 11 ай бұрын
Okay, but... you only accessed the default values you programmed into the inputs. This video won't teach you how to actually collect form data.
@user-df8uk6ht9j
@user-df8uk6ht9j 9 ай бұрын
Precisely!!!
@karlomoonblade
@karlomoonblade Жыл бұрын
There's a much shorter way to store form input values into javascript object by storing the values during onchange event listener Submit const form = document.querySelector("form"); let formBody = { }; form.addEventListener("change", function(e) { const { name, value } = e.target; formBody = { ...formBody, [name]: value } }) form.addEventListener('submit', (e) => { e.preventDefault(); console.log(formBody); } );
@jekku123
@jekku123 Жыл бұрын
Why not just do this? formBody[name] = value
@bandanachoudhary6392
@bandanachoudhary6392 2 жыл бұрын
Hi
@louizamariakonizari2022
@louizamariakonizari2022 2 жыл бұрын
Could you please help me to understand my mistake? I have the following code: dokimastiko and this is my js code let y = getElementById('onoma').value; and it gives me a reference error getelementbyid("onoma").value; is not defined. What am I doing wrong? Thank you.
@procademy
@procademy 2 жыл бұрын
It should be document.getElementById('onoma')
@louizamariakonizari2022
@louizamariakonizari2022 2 жыл бұрын
@@procademy thank you very much for your response. ☺️
@erixgutierrez6552
@erixgutierrez6552 2 жыл бұрын
Good thing it whas Jhon Smith and not Jada Smith, or Will would smack You... Keep My wife's name out of your f... FORM!!! XD
@procademy
@procademy 2 жыл бұрын
😄😄😄
Events and Event handlers
16:21
procademy
Рет қаралды 20 М.
JAVASCRIPT FORM VALIDATION AND SUBMIT TO ANOTHER PAGE
1:01:34
CODE LAB
Рет қаралды 63 М.
Why You Should Always Help Others ❤️
00:40
Alan Chikin Chow
Рет қаралды 109 МЛН
СНЕЖКИ ЛЕТОМ?? #shorts
00:30
Паша Осадчий
Рет қаралды 6 МЛН
Using FormData Objects Effectively
13:14
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 36 М.
Turning Form Data to CSV files with JavaScript
26:13
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 7 М.
Use JavaScript to Get Value from a Textbox and Display on the Page
7:00
Six Minutes. Smarter.
Рет қаралды 188 М.
JavaScript Client-side Form Validation
29:07
Florin Pop
Рет қаралды 708 М.
Javascript Nuggets - FormData API
8:24
Coding Addict
Рет қаралды 10 М.
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
JavaScript Modal Window
12:12
procademy
Рет қаралды 1,8 М.
Save user form input data in a JavaScript object
7:10
OpenJavaScript
Рет қаралды 37 М.
Learn HTML Forms In 25 Minutes
24:56
Web Dev Simplified
Рет қаралды 951 М.