Posts in JavaScript


Phone Number Validation Using jQuery

Posted on 7th Feb 2018 22:19:48 in

Validation of a phone number is required when we validate an HTML form.In this tutorial we will see how to validate a phone number using jQuery. Now a day phone number became a mandatory field in registration form and we must validate it before submit. Firstly we check for non empty and for 10 digit numeric value. On validation failed, we append specific error message to main div so that user can get what is wrong while submitting the form.

[Read more...]

Disable Right Click Cut, Copy and Paste Using JQuery

Posted on 7th Feb 2018 17:39:41 in

As a website visitor you have seen that many sites restrict to copy web page content. In this tutorial we will discuss how to restrict your webpage content being copy. Basically there two option to restrict from content copy of your website.

[Read more...]

Multi Step Form Using JavaScript and CSS

Posted on 7th Feb 2018 17:22:33 in

Generally these days Multi step form is used more than general form we see on many website. In this tutorial we will see how to create simple multi step form using JavaScript and CSS. Before proceed to make it multi step form we have to create simple form with html. After form creation with the use of JavaScript and CSS we make it multi step form. In this tutorial we will create simple multi step registration form with 3 steps but only 1st step will be visible by default Form have three fieldsets for three different steps.

[Read more...]

Live Preview Using jQuery

Posted on 7th Feb 2018 15:30:46 in

In this article I am going to discuss with reader how to see live preview content with jquery. Here I am using keyup element to show live content within a div. Few line of Javascript code is need to write for live preview of content using jquery library. Let us see in detail.

[Read more...]

How to Add Remove Input fields Dynamically Using jQuery

Posted on 7th Feb 2018 14:31:27 in

Dynamic add or remove of input field using jquery is very useful in web projects and common in now a days. Here in this article, very simple code for dynamic add remove input field is going to discuss.
This is useful when we need multiple input fields required or multiple file uploading in a webpage. Using jquery multiple input fields or file or image uploading can be added easily nd in a simple way for user. In this article and demo we have performed this event using javascript code and loading jquery library file. Let us take look how to add/remove input fields dynamically.

[Read more...]

Create Zoom effect on Image with mouseover Using Jquery and CSS

Posted on 7th Feb 2018 13:21:29 in

Zooming effect of Image on mouse over is basically useful for ecommerce website using Jquery and CSS for display of product image. Zoom effect on image can also be added with use of jquery plugins.Zoom effect makes image animation effect attractive enlargement on mouse over on image. Now let’s discuss in detail how to achieve zoom effect on image with jquery plugin likely used in ecommerce website product image. To use this plugin you must keep some point remembers that you must use different dimesion or scale of image based on requirement of zooming.

[Read more...]

Stay Connected
Like Us on Facebook