If you have contact form or job apply form in your website, then you might have FILE field in the form. Where you are actually asking user to upload/submit valid file. If it is a job apply form then you…

In this article, I will show you a simple way to validate a form. For this purpose, we will use a plugin called Bootstrap Validator. To see it in action, we can build a form validation by checking that a…

You need to trigger the change event, .trigger(‘change’), so that event knows that a change took place. They can be fired manually, however, with the .trigger() method. A call to .trigger() executes the handlers in the same order they would…

The onsubmit event is commonly used to validate the contents of form controls and set the contents of some input:hidden elements before submitting. If the user forgot to fill some required fields or made some other mistake on the form,…

One thing that jQuery makes really easy is accessing and dynamically modifying the image preview before uplload. In popular networking sites such as Facebook and Linkedin, you might have observed the feature called Image Preview. Preview image before upload is…

In popular networking sites such as Facebook and Linkedin, you might have observed the feature called Image Preview. Preview image before upload is a most required feature for file upload functionality. It helps the user to view chosen file and…

.hide() is similar to CSS property display:none {Also, I just saw xiaocui included that in his example. In the second example you can use ‘hidden’ as the value if you don’t want your layout to be affected. if(type==”money”) { \\hide…

The val() method returns or sets the value attribute of the selected elements. To get a form value with jQuery use the val() function. Let’s say we have a form like this, using an id for each form element. HTML…

JQuery library was developed specifically to simplify and to unify certain JavaScript functionality. However if you need to check a variable against undefined value, there is no need to invent any special method, since JavaScript has a typeof operator, which…

This post will teach you how to automatically put cursor in form field using jQuery. So when you go to log into a website and the username field doesn’t automatically have the cursor in it when the page loads, you…