Email Text Field with airSlate SignNow

Email text field

hello and very one welcome to yet another video tutorial hope you are doing great in today's video we are going to learn how to weld at you attics field and create an email validation in sift for we are currently working on UI text field in our last video we learn how to create UI text field programmatically so you can check the playlist named as UI text field for those videos so let's start open up our Xcode project create a new Xcode project we will choose single View application template press next and here it's a very Dacians and email validation and language will be swift and we are going to save it here in block tutorials on our hard drive and we will press create okay so excoriated as our default single V application template now let's design we will put to you our text field we are not going to create it programmatically so what you can learn it how to create using storyboard so open up your view controller and name it and drag it UI text field we will add concentrate like from top we will put 200 and here we were 20 and 20 from the right hand side that is leading is 20 and trailing is also daunting and we will give it in height of 50 and also we will change our color to yellow color it looks nice and second we will drag and drop another and this that we will press we will press ctrl and drag and we will select here leading cm to our first actual training and you could height and add constraint so here we will also give it a vertical spacing and here it says a yellow sign that it should be we will update frames and here you can see we have two text field and here we will first put the placeholder text on email and your email and here we will put password let make it and your password and here we will again I'll create a button and we will give it a vertical space here you can see that this is means you can change it so we are giving a vertical space to enter your password text field and it should be 44 and we will make it 20 from the right left hand side and 20 from the right hand side and we will also give a height of 30 to it and here let say by position so we will give it a vertical constant vertical spacing here so here it says and let's make the background color default we will make it you blew one and it's not really nice let's increase the height to seventeen so that it says a button and we will change the text color to white and we will change the text to submit for login and here one more thing we will drag and drop a label so that we can show the validation whatever it is and here we make it 2020 we will add constant so now we are done with our interface that's it this is first text field and this is our text second test field and this is a button comfortable it's not looking nice so now we will open our viewcontroller file here we have and just make it like this and here we will drag and drop or create our iboutlet so here we select new referencing outlet and this is our txt email and connect and here we mean second for our password and here we txt password so here and one more to our label that is validation message label and no sir and here a validation message and we connect here and one more we will create a function where we check all the things and here we will give touch up inside event and we login user here so we are done with our IV outlets so now it's time to do some code and open up our view controller make it this so now it's look nice here you can see all the IB outlets created and a function that is a login user and we will make it like this so here if we do not app you will see the interface will start our app so why the meantime if you not start a child and please subscribe so that you can get updated for our future video updates as we are coming from the bigness to the mass levels so hey I AB gets launched now you will see the interface we just created so here it goes so initially we will set LBL validation message sort hidden because we don't want to see a low user to see it first so here and here first we will check for and I'm Justin lat email is equals to txt emails no texts and then that God we will use God's twenty god let Amy oh here we can say just know this first band come on Todd here we will put that it should be not be an characters dot count should not be equals to zero if it's zero then it will go into else block and here we will say return from here and we will print LV and validation message dot text is equal to please and your email so here we just enter the validation same we will create for password and here we'll say password and here we'll say txt password and Justin is please enter your password so now if we run our app you will say so now let's see it's going here and so because our messages season that's why it's not coming out real well dish since thought is hidden that's why it's not coming because to false my mistake for that and here we also make it like this no if we run it now here please enter your email because even if I enter an email here like this and then I entered a new template enter all password and if I enter and then it's nothing and here we will hide our lvl validation message dot you see them equals to true for the time being whenever we make change and press ENTER that's a lesson it's isn't true to hear you say please enter your email i entered email and then say please enter your password i enter my password and it's gone but now the email is not correct for this we will use regex and yeah i have a script for the same yeah let's copy it and we'll replace it here and here I don't know I make it function here it checks for the validate email and here we will see if the email is correct and then if is valid email and we will pass our email here musicals to false then we will put in this please and valid email address and you go so this morning is this warning is given that we are not using passwords so just leave it for the time being and here let's see I press please enter an email I press test and it say please enter your password and here it say please enter a valid email address and get the read just mancom and you can see it's gone so here in this tutorial we learn:how to validate UI text field MD UI text field and email validation in v fo if you like our tools and please thumbs up and the video and share the video and to subscribe our channel for the future updates and if you have any comments or any questions and please feel free to comment on this video and we will try to reward as soon as we can thanks for watching bye for now