Bruh I've been trying to do this for hours and I tried different patterns believing it wasn't the issue when it was and yours finally worked. You have my utmost gratitude.
Spent hours trying to implement this sort of stuff from Stack Overflow, but content like this makes learning so much easier, so happy I found it, thank you so much!
Thank you soooo much Online Tutorials!!! I have been racking my brain trying to find the answer to my email validation feature for my project! But with your video, I believe I'll definitely figure it out. However, I did want to ask why does valid and invalid class selectors give it a toggle-like feature using the classList method? I looked through your video twice and I didn't see it in your css or html code.
Is there any way to make the input field extend in length if the e-mail address is at a certain distance from the checkmark or cross? I mean, if you have a long e-mail address as I have, the e-mail address is going under the checkmark/cross, making it hard to read. Thanks in advance!
Dude, try to vary it a little bit with a different song in each video, seriously, watching your channel and in each video having the same music annoys a bit, by the way, a great video
I like the overall look and feel of it so gj on that! But ES5 in 2020 and loading a .png in as background image on something that could very easily have been styled with a few lines of css or made as an svg.. I dno, it feels a bit clumsy to me :/
Question, does someone knows how the value that he use as patter is called? I mean, what is the subject of thing I need to investigate to now more about that topic
Hola, buen video, tengo una pregunta, cómo sería en caso de que la imagen no sea png sino svg, porque lo que he hecho es crear una clase en html para la imagen y ubicarla después del div y haciendo el mismo proceso en css sin agregar en background: url, pero no me sale , también intentpe hacer el proceso tal cual y reemplazar en el url la imagen svg,pero no me funciona :c, pordrías ayudarme,por favor.
Sir , I did this code as same as , (copy paste ) but I was still facing a problem that the class which we are calling in class List.add() in js is not working in my mobile, why what the reason , pls solve my problem
i have a question if anyone could help me id be greatful how can i make it that after the @ at the regex pattern, to limit the text input to 3 - 7 characters i tried /^[^ ]+@+[a-z]{3,7}+\.[a-z]{2,3}/; but it shows an error
ONLY LEGENDS KNOW WHAT IS CODING ME: TO MY FRIEND; I DO CODING AND KNOWS VERY WELL MY FRIEND: I HAVE DEGREE ME;WHAT IS CODING; MY FRIEND;BYE I AM GOING KAL BATUNGA ME;LOL
10 baar try Kro aik baar krny se issue solve nh hogaa sir ne to sirf email 📤 validation ka btaya h mene to pura form bana kr us me email 📤 ko validate kiyaaa h kch banda apna dimag bhi use kre
Also Watch This : Check Email Validation with Javascript | Javascript Form Validation
ruclips.net/video/pEvISNLoYAk/видео.html
This video YT recommended me after I watched your latest video
Hi bro i need this script
Bruh I've been trying to do this for hours and I tried different patterns believing it wasn't the issue when it was and yours finally worked. You have my utmost gratitude.
Spent hours trying to implement this sort of stuff from Stack Overflow, but content like this makes learning so much easier, so happy I found it, thank you so much!
Same here
I'm so f'ing happy I found this channel man. Straight to the point with clear code. By far one of the best project based channels.
SPENT DAYS TRYING TO THIS , soo many videos tutorials , BUT THIS HELPED THANK YOU!!!!!!!!!!
1:58 - font-style:18px; should be font-size:18px; (line 38 of style.css)
I like how you play calm music to calm us down from pulling our hair out lol
One of the amazing YT channels in my list
Thank you soooo much Online Tutorials!!! I have been racking my brain trying to find the answer to my email validation feature for my project! But with your video, I believe I'll definitely figure it out. However, I did want to ask why does valid and invalid class selectors give it a toggle-like feature using the classList method? I looked through your video twice and I didn't see it in your css or html code.
Amazing brother 👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼
Ótimo vídeo parabéns 👏 estava a procura de uma validação assim obrigado.
Thank you so much for this amazing video.. This was just what I needed.. You even included the regex email pattern :)
Sir you are sooo cool .
I watch all of your video .
Thanks bro
This tutorial is really help me a lot. Keep creating content like this. :)
Wow you are amazing! I'm glad that I found your channel :)
Bro Huge Fan of you's..💞💞
Is there any way to make the input field extend in length if the e-mail address is at a certain distance from the checkmark or cross? I mean, if you have a long e-mail address as I have, the e-mail address is going under the checkmark/cross, making it hard to read.
Thanks in advance!
Dude, try to vary it a little bit with a different song in each video, seriously, watching your channel and in each video having the same music annoys a bit, by the way, a great video
I recommend NCS for the background music
ordinary i dont make comments, but this is verd good ,simple thanks man and keep it up bro
Really great my friend!!
Very nice 👍 but I have to ask that which browser sync pakage are you using for live reload
Very nice design as usual, can you make a design or template for ordering? Cart sir?
Can you send any reference or example...to understanding
Something like, add to cart? Then when you add it to cart. The cart will have 1 item?then when you add again it will have 2 items sir and so on
Ok bro...i'll try to make
Thanks sir! I'll wait🙂
I like the overall look and feel of it so gj on that!
But ES5 in 2020 and loading a .png in as background image on something that could very easily have been styled with a few lines of css or made as an svg.. I dno, it feels a bit clumsy to me :/
@Денис TATET I did suggest an svg? And how on earth would you make the regex validation without JS??
@Денис TATET oh that actually looks pretty cool, but it doesn't check on keystrokes, only when you submit the form?
@Денис TATET I just tried it and it didn't update before submitting? 🤔 Maybe I need to look closer... Still cool attribute, thanks for info!
Thank you so much for this amazing video tutoriol
Thanks from India :)
Very good 👍👍👍
Awesome!!
Thankyou sir
Thanks 😊
Thank u soo much ❤
Can u please make a video for password validation
Yes bro...work in progress :)
@@OnlineTutorialsYT bro it can't work in here it shows cannot read property 'match' of undefined at validate
Please do a vid on how those email and passwords be saved in your server and automatically log out after inactivity
PHP and cookie sessions?
2:43
Amazing.
Make on Name,password, phone number validation using vanila JS please.
Nice tutorial. Where do you get your background music?
Question, does someone knows how the value that he use as patter is called? I mean, what is the subject of thing I need to investigate to now more about that topic
Your regex satisfies
1: ()@().aa
2: ()@.@.aa
🤣🤣🤣 Amazing video 🧠
Allah razı olsun
that is great i love it
amazing . keep it up
Helpful
Thanks
Very helpful (:
Please, is there a code we can just copy and use, for non tech persons like me?
is it possible to use it on the phone
Interesting
Nice job. I wish you could explain a little why you work. More reason I haven’t subscribed to your channel anyways.
Awesome
Please make video tutorial check username and pass
nice
Hola, buen video, tengo una pregunta, cómo sería en caso de que la imagen no sea png sino svg, porque lo que he hecho es crear una clase en html para la imagen y ubicarla después del div y haciendo el mismo proceso en css sin agregar en background: url, pero no me sale , también intentpe hacer el proceso tal cual y reemplazar en el url la imagen svg,pero no me funciona :c, pordrías ayudarme,por favor.
Sir , I did this code as same as , (copy paste ) but I was still facing a problem that the class which we are calling in class List.add() in js is not working in my mobile, why what the reason , pls solve my problem
Hello I keep getting Uncaught TypeError: Cannot read properties of null
Why type of input is "text "and not "email"? i didn´t understand. Sorry for my english.
Can we put this in a separate js than have it in the HTML file
Yes
Right now i cant figure this out es6 match does not work on there.
i have a question if anyone could help me id be greatful
how can i make it that after the @ at the regex pattern, to limit the text input to 3 - 7 characters
i tried /^[^ ]+@+[a-z]{3,7}+\.[a-z]{2,3}/; but it shows an error
try /^[^ ]+@+[a-z]{3,7}\.[a-z]{2,3}/
thank you king
How to show span message after blank submit?
ive done it as you did, stil not working for me. it says undefined variable validation()
did you write the function like this: function validation() { /* yourcode*/}
error in browser console
Uncaught TypeError: Cannot read property 'classList' of null
CLOSE TOPIC i found problem:
problem - I write document.getElementById("from"); and this is ("form") :D
i don't know why you use position relative ?
but if you click to submit it goes, email was sent...
You can also use
CSS :valid/:invalid
Sir i have implimented this code in my form but the form is accepting the wrong email....
How do i stop it??
Please help me....
gives an error on match, they say, not definitely
ONLY LEGENDS KNOW WHAT IS CODING
ME: TO MY FRIEND; I DO CODING AND KNOWS VERY WELL
MY FRIEND: I HAVE DEGREE
ME;WHAT IS CODING;
MY FRIEND;BYE I AM GOING KAL BATUNGA
ME;LOL
bhai jab me invalod.png use kar raha hu to wo work nahe kar rahi agr valid.png use kar raha hu to wo show ho rahi he
how to know if the email existe ?
That won't work for .tech domain this regex has to be improved.
var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3,4}$/;
Use this format for .tech domain...
@@OnlineTutorialsYT correction: it should be {2,4} instead of {2,3,4}. The latter is invalid
Bro plzzz can u tell me how to show last visted time on page
krazytech.com/programs/php-display-last-visited-date-time
In style.css file i am getting media queries problem with * can anyone help
I want to know how a real phone no or email can be inputed
can i used password mail validation ? what solution ?
Henry Taylor
Source code link is not working
Please create real time graph for bandwidth upload download type
Blast..!!
your a fking king man :)
Can i get source code?
He is fan of Vanilla Js
Sir i do it exactly like yours but it didn't work :( please help me
10 baar try Kro aik baar krny se issue solve nh hogaa sir ne to sirf email 📤 validation ka btaya h mene to pura form bana kr us me email 📤 ko validate kiyaaa h kch banda apna dimag bhi use kre
doesnt work bro
Code please
gg
why are your silent please try to speak and make us understand in this subject
Very nice but what you mean here ^[^ ]
Non dev in trouble
i m getting valid only no matter wht i type
please send me the source code also
Pls the script
you can't have a video without an explanation. serves no purpose.
nice