Validate Initials Template with airSlate SignNow

Validate initials template

hi everyone today we'll learn how you can perform basic email validation using javascript I'm going to use this library email validator to validate all the emails first of all we need a basic structure add link to a style sheet add a script file now we did one container so let's make use of develoment here we need one input menu one button to check let's take a check we also need a div to show the result so I'll give it an ID of result and the default value will be none great let's go to style sheet to style these elements first of all we'll select the container and text align in the center and we give margin bottom around 20 pixels now we'll select the result view text ilaria will be Center border will be one pixel solid black height will be around 15 pixels will be around 35 pixels text color will make white and we'll make margin Auto padding will be 5 pixels that's all what we need just save it open this file in the browser so this is the output you cannot see texture because the color got extras white so let's do one thing make the background color black you great it's time to work on the script file so let's let me put you first that will select the input also we were to select the result F so I got the idea of result great before I start adding a bit listener to this button I need to download this email my little library so go to github page and here we need to click on index dot JSP this entire thing ok here create new file that will be emailed out yes is the entire code you know this part remove all these comments and remove this thing also and here you put this function will basically return true and false you can see if the email is valid it will return true if it is not valid it will return false and this is a regex but this library is using you can modify it to fit your needs let's add this file in the HTML and add event listener to the button so yeah like atscript GS now go to these script files here we'll add event listener that will be click event so we'll take the value of the input so let's make it a wave and will be input dot value then you'll check if it is valid or not by calling this function validate email will pass this email if it is valid we'll change the background color of the result give the result dot style sorry for this so we'll make the color green else just copy this and paste it here we'll make the background right also we'll set the inner text so it will be result dot inner text we'll make it valid copy paste it here and in this case we'll make it invalid now save it go to browser type an email here for example test at gmail.com click on check we are getting valid let me remove this dot-com part Jeff it's invalid let's try to remove this add part it is still invalid I will add link of this library in the description of this video you can simply download it and start using it I hope you got the point how it actually works it's in the next video how nice