Send Adult Dropdown with airSlate SignNow

Send adult dropdown

what's up guys this is Ashish the way here and you are watching techno tips jQuery tutorial so this is part 7 of this video series in this tutorial I'll be discussing about the jQuery events specifically forum events okay so in the previous tutorial I have covered the Mouse events and keyboard events and now it's time to discuss about the forum events so here we have plural change focus submit and select event okay so let's get it started so here in the previous tutorial we have just discussed about all the mouse type event and keyboard type events okay so that's sort of view of it so here when I click on this button then I'll get the alert okay so this you know these are all types of Mouse event and these are the key keyboard keyboard type events okay so now let's let's discuss about the form type event so here we have first one the player event okay now first of all I'll just remove each and everything so that it can be clear okay so here I'm just naming it's a text one is text one and here we have the blur event okay and let's remove the coat and I'll just access this text box of it ID let's say text one okay now text one dot okay we have blur event so here on dot blur we are just calling adult okay instead of a little too we will just choose the background color of that text box okay so dollar your test this is just your friends in this current element okay so this dot CSS dot CSS in bracket in curly braces had background color in double quotes back crown - hello okay then the colon and then let's say red okay and then add another row properties X a color red or white with red black background we have white color text okay now let's run this load okay so this is blur event okay so blur events get fired when you focus on this text box write something or don't write something okay let's say Ashish and then you just click outside of this text box let's say the event will get fired okay now load it say you check it out okay so when you click on this text box and this click outside of this text box here here you can see okay now the second type of event is the change okay so just copy that and you just write change event and we have just text or text to let's copy that yeah paste sure and this right here dot change okay and just see this background should be okay now reload it so we have changed even we have blue blur event okay so when you write something see Ashish and the text text box value has been changed and when you click outside of this text box I think the change it should be - let's reload it and Ashish and click outside of this text box you will get the result okay okay so main difference between the blur event or change event is that see I have written something and clicked outside I have written something and clicked outside both working like similar like but the difference is that see when I click inside the box in the change in case of change event when I click on inside the box and then outside of the box the change event will not get fired okay but in case of blur when I click inside the box and do not write anything and just click outside of the box then it gets fired okay so that is the main difference between change and blur now the third type of event we will discuss the focus okay so focus event is very simple let's copy that let's make it three and she'll just copy it focus okay yeah and dot focus background color should be green okay now let's run this okay so in the focus event Bend when you start oh when you just move your key inside this text box let's say click okay okay sorry should be text box three okay just click inside the text box here you you go you can write something with the CSS style I can't see when I click inside the text box the focus event will get fired okay so this is focus and this is blur event okay and this is June Jeevan see the change event will get fired if some text has been changed okay when you write something and put your cursor outside of the each text box okay no the third is submit so for submit for submit type of events we will just create a form here let's create a form and ID equal to I'd say my phone okay inside that you can create this copy this to text box and here you will get the first name okay and the last name okay and here the let's give a first then second okay and taken an input of type equal to submit okay now just copy this ID and she'll dollar hash my form dot submit submit just write function and you can just get the value of both textbox okay so fair first name should be equal to dollar dollar hash first dot value similarly let's do it for second second equal to copy that okay and let's write the second div or a span okay so I'll just put this pan or shear dollar I'm setting the value of span dot text should be equal to the first name and bless last name it's a first name plus space plus sorry second the last name is second text box okay No let's run this okay so I need some difference that so let's comment this one and reload this okay so you have your first name sheesh and you have yours Davari and as soon as when you press Enter key or you just click on the submit button the submit even get fire so I'm just pressing enter okay so submit event get fired and you will see our sheshe space Tiwari okay now when you click on the submit button the same thing will happen just reload it just write something say yes Kumar and you have Davari and submit so you will see this pan has the value ashish kumar Tiwari okay so this is our submit event okay now the last one is a select event okay so here we will say be your keep all this life don't kill you let's put another peer so that you will get a lot of space okay so write something here and then submit okay now I'll be discussing about tea in Tokyo and check this input type equal to text and Asher is given ID select one okay and here you will see select even okay and when I copy that and here I'll just call it a stall again access it fit ID dot select you can't write some function here okay now alert see something selected okay select one got something selected okay now refresh this okay so this is my select event so I'll write something here sheesh come on that's it you re okay and here when I select something then they even gets fire see I'm the selecting the ye okay and releasing mouse okay so you can see here something select it yeah and again I'll just select this cobalt Avari so here you can see something selected pop-up okay so here you can see all five types of events so we have blur event so blurry event get fire when you put when you click inside the text box and click outside of this text box then this even get fired you don't need to write something here it will get fired automatically see I have not written anything and clicked on outside then it get fired in the change event when I click something and get out when I click outside of this text box then it will not get fired when I write something and get when I click outside of this text box then even get fired okay in focus event when I click inside this text box then even get fire see okay and here this is the form event when I write something here when I cried here and when I click enter or when I click the submit button I'll get the result okay and in the select event when I write something here okay and when I select something here then they even get fire okay so this is the main difference between all types of form events so I hope you understood this and if you have any query then you can just put your comment into the comment section and don't forget to share this video among your friend and if you like this then give a thumbs up and in the next tutorial we will discussing about the document or window types of event okay so thank you very much for watching have a great day