jQuery Tutorials

Take Photo Using Web Camera in PHP

Take Photo Using Web Camera in PHP

Recently I have implemented take photo using web camera in my website for the profile photo. I found jQuery webcam plugin for the same. With this plugin image can be display to canvas to store the image on the server. So in this tutorial I am giving simple steps to implement take photo using web camera in PHP with live demo. First we need to add following scripts in head …

Continue reading

Allow Only Numbers in TextBox jQuery

Allow Only Numbers in TextBox jQuery

Some of the user information, you want in number/numeric form only and you can force a textbox to accept only numeric input. Using jQuery we can control user input with different key event handlers. So in this post I am going to share the jQuery code snippet to allow only numbers in textbox. Lets take a simple example for understand this: If you want to allow only numbers in textbox …

Continue reading

Automatically Select Text in an input field

Automatically Select Text in an input field

Today I am showing you how to automatically select text in an input field using jQuery. By default, cursor is positioned in the text field when a user clicks on input field of HTML form, but the text not selected. But using jQuery’s select() function make it easy to select the text of input field on click on input field. Examples: Lets take first example of text input fields which …

Continue reading

jQuery Image Lazy Load Example

jQuery Image Lazy Load Example

If you are using image gallery or your page has more images then sometimes image get start load after the user scroll down to image that increase page load time and that decrease your traffic also.  By using jQuery Image Lazy Load you can reduce the page loading time and the images loads after the page load. In this article I am explaining how to implement the lazy load with …

Continue reading

Regular Expression With jQuery Validation

Regular Expression With jQuery Validation

Regular expression offers an extremely flexible and powerful way of validation for website forms. Regular Expression with jQuery validation ensure you that provided user data is as per our requirements. In this tutorial I am describing some example Regular Expression with jQuery Validation. Regular Expression for Email: To validate the email address I have created a function based on standard regular expression which returns true or false. You just need …

Continue reading

Upload Image with jQuery Ajax

Upload Image with jQuery Ajax

Image upload without refreshing the page is commonly used by websites. So today I am going to show you how it is easy to implement upload image with jQuery AJAX. On a single click you will be able select file from the popup window and on select the image will upload and you will see the image on the same page. I have used a jQuery plugin AjaxUpload, PHP file …

Continue reading

jQuery Datepicker with Simple Example

jQuery Datepicker with Simple Example

jQuery Date-picker most commonly used date-picker today in web applications. In this article I am explaining how to use jQuery Datepicker and it’s utility function with simple example. For example we need to save an event which has two dates `from` and `to`. So we need two date-picker fields and on the selection of `from` date, we need to disable all before dates in the `to` date-picker UI. So we …

Continue reading