jQuery Validation Plugin: Simple Validation (1/4)
Вставка
- Опубліковано 19 вер 2024
- In this screen-cast, I will show you how to get up and running with the awesome jQuery validation plugin. Please *like* the video if you liked it, and *subscribe* if you want to see more. If you have a question, please don't hesitate to get in touch via the comments.
Please watch in 720p for the best quality.
Here is the code for the whole series: github.com/ale...
Here is a link to the whole series: • jQuery Validation Plugin .
And here are some links I mention in the series:
- github.com/jza...
- jqueryvalidatio...
- www.asp.net/aja...
Words can't express my gratitude enough. I have been dealing with some validation issues for like 3 days and you, in less than 10 minutes solved my problem!
+Andrea C. Briceño I'm glad I could help :-)
watching this in 2019. Have a pressing project due to go live in 2 hrs, and this just saved my job.
Loving the sound of a mechanical keyboard, good tutorial
Yeah, those blue switches are loud!
God bless you man, you just cant imagine for how long i have been struggling with this!! Thank you
Very good explanation of validation using jquery-validate - thank you.
Great information and surprisingly with this information I very simply got it working with Joomla CMS and a K2 form. Works much better than Joomla's own validation system
Brilliant tutorial in every aspect. Thank you so much for this!
+Mubeen Inamdar You're welcome
Thanks for this series, just what I needed! New subscriber!
wow! thanks alot. I wish I could really express the joy that this brings
You just saved me in my Web Programming Language course!! Thanks a lot!
+Vivek Mangipudi You're most welcome.
Thanks for letting me know. It's really motivating!
Thanks a bunch for this! Very well explained :) Can you tell me what color scheme you're using for Sublime? It's great and I can't match it up to anything in the repo.
Thanks Buddy Absolutely brilliant and to the point Tutorial Keep it up Bro
what a great tutorial, fast easy, clear and it was really a nice tutorial. Thank you, Thanks a lot
Thanks for the video series - saved me hours :-)
Thank you for the tutorials..problem fixed. :)
+Dexie Campaner No worries :)
can we use this plugin for multiple step form? if yes then how can we validate each step individually?
awesome tutorial, what theme are you using for sublime text, i like the icons used for each file extension, very nice !!
+idir belaid The Sublime Text theme is called "Seti UI". You _might_ need to install an additional package for the Seti icons, in which case, try this package: github.com/mrmartineau/SetiUI-Icons-Sublime
+Code Cast Yeah Baby Yeah !! thank you kind sir !!
thank you this was very helpful
@Code Cast what are the short cuts for sublime u used in this video. Thanks in advance !!!
Magic of Emmet plugin..you can use this in NotePad++ also.
thanks for your your that i can use JVP better. Thank you very much
Thank you so much
its realy worthy code and working properly.
hey man which os and version of sublime do you use? ? great video btw
+Thomas Adema In this video I was on Ubuntu with the Libra GTK theme: gnome-look.org/content/show.php/Libra?content=167689
I don't remember what version of Sublime I was running, but the theme is called Seti UI: packagecontrol.io/packages/Seti_UI
+Code Cast Thanks
God bless you man, you just can't imagine for how long I have been struggling with this @@
Hey Alex, nice tutorial
Still is not clear to me how I can validate a dynamic form fields using jQuery validate ()
Suppose I have a form like the following:
Now the question is? How to validate all the fields?
$("#casos_clinicos_form").validate({
rules: {
'cauthor[]': {
required: true
}
},
messages: {
'cauthor[]': "Author name not informed! Please correct and try again."
}
});
It only validates the first one.
If you know how to handle the above, please reply.
Thanks a lot.
why would you name 3 forms input with the same name? unleas you name diferently im afraid you cannot do that... maybe if you iterate the inputs and at the same time you iterate that part of javascript code in order to have an exactly name to validate data
I cannot get this to work
i don't know why the form is like not calling the function but it goes through without checking for the errors.
+Jay Jay Please provide more details.
thank you very much :D
brilliant tutorial
+Umesh Palav I'm glad you liked it!
thanks, awesome tutorial :D
your are awesome, you this video solve my huge problem.
+Sooraj Abbasi Thanks, Sooraj. I'm glad to have helped!
sorry I'm new here, just wanted to ask will the same code work on Visual studio 2012?
Nice tutorial, can u show or tell how can check if email exist via php? Thank you
First of all, you need to make the distinction between _validating_ an email and _verifying_ an email address. To validate an email is to look at the format and determine whether or not the format is valid (i.e. does it contain an @?). Thing is, an email like foooooo@foooo.com _is_ valid but chances are, no one actually owns it, let alone the person signing up to your service. To _verify_ that an email address actually exists, you need to send a confirmation email.
I'm not a PHP developer and therefore it's unlikely I'll ever make a tutorial about this. That being said, this topic has been _many_ times and with the short description I just gave, I hope you'll be able to find one by searching for relevant terms.
sir, please tell me how to work with react js which u used in this validation part , about how to install ReactJs and how to used with other things ..!!!!!!
how do i validate name field if take lettersonly it will not accept space & validatin for datefield also please reply i relly need answer
nice! ty!
tnx sir,u r osm
So how do i add it locally without cdn
I want to keep hide button beside sign up and when I press on it the validated error messages wants to hide.how can i do it .Can any one plz reply me
god bless you
What's the name of your sidebar plugin?
linus nilsson I'm not sure what you mean. If you are referring to the Sublime Text "Open Files" sidebar then there is no plugin. The icons come from the Sublime theme, which is called Seti UI. I hope that helps!
What's distr linux you use there?
How do I use this in a system without an active internet connection? In other words, how do I link the plugin?
Well given that it's dependant on jQuery, instead of linking to say a CDN or your web server, you would package the files within your application so that you can link to them locally.
Also depends on exactly what you're trying to achieve as there are other methods to do this if you're writing a program in say C++ or Python.
the required rule can't work on my site.
Hi, function not working. it checking for email only
password to postcode not working.
+Chutinutcha I am not adverse to helping you, but come on! You need to give more details than _"function not working"_.
why required doesn't work for me?
need updated script files? as I don't get code to work
$.validator.setDefaults({
onfocusin: function(element) {
$(element)
.prevAll('input')
.each(function() {
var elements = $(this);
if (elements.val() == "") {
elements.valid();
}
});
}
});
i have make this code for showing error if anyone click on below fields without entering values of above fields it working but error is not going if anyone types correct the field
but it's working on php
please make a video with php client side and server side validation using jquery.
Sorry, but it's very unlikely I'll ever make any PHP screencasts, as I'm not a PHP developer.
How to validate date
It's ok.
i found it. thanks sub and like this video and channel
Hey guys i used wordpress for this tutorial and apparently you have to do it diffrent then.
Check this link out and just copy and go from there:
stackoverflow.com/questions/17016159/jquery-validate-plugin-not-working-in-wordpress
i request please tell me code for email and confirm email ,password and confirm password.
thank you
mechanic keyboard from ali?)
i have a question related to this
+Sooraj Abbasi What is the question?
Dear sir, i m working on a project in which i design a multi step singup form (3 steps : 1-info 2- paymnet 3-deatisl) first two steps has next button and last step has singup button.
how can i validate this form using validation pulgin could you plz create a for me.
+Sooraj Abbasi Oh man! I remember finding a really good tutorial on this back when I was learning jQuery validation but I can't find it anymore 😟. I did find this tutorial which I hope you'll find useful: webdesign.tutsplus.com/articles/build-a-multi-step-form-interface--webdesign-11715. There are many more like it on the internet.
Sorry, but I won't be making any jQuery validation tutorials as I haven't used the technology in quite some time!
ok sir. thank you for your response.
what IDE is this?
Sublime Text
dud first we add a jquery file & second jquery validation file in script tags
+Junaid Tariq Yes, jQuery must come before jQuery validation as jQuery validation is dependent on jQuery.
InvalidValueError: unknown property city
Html:
jQuery:
$(function() {
$('#validateForm').validate({
rules: {
city: {
required: true,
city: true
}
}
})
messages: {
email: {
required: 'Enter a city, please'
}
}
})
What's the problem? It tells you what the error is.. InvalidValueError: *unknown property city*
Do some Google searching on what the *unknown property* error means.
Too fast! But otherwise better than others.