Category: JQuery

jQuery Show and Hide Div Element

Here’s a simple tutorial on how to show and hide the div content based on the click event using jQuery. Example1: Click on the below “item” link to display the content and click again to hide. Item Content Example2: This example shows multiple links and content. Click on “item1” to show and hide the content

jQuery Form Validation Plugins

As a developer, you have to validate the user input data for making sure on the client-side that form values are just as expected. Instead of writing validations manually, validation plugins allows you to design validation methods in a simple manner. Here, I’m going to share the jQuery plugins for your form validations such as

jQuery Template Plugin

jQuery template plugin allows you to render template items into HTML DOM, template items are HTML markup or text. Basically, we can define HTML markup with template variables and replace these variables inside the DOM when you get the data from an Ajax call or local static data. Here is the simple example to display

Highlight text with jQuery

Here I am going to show how to highlight particular word within a block of text.You can use this feature to:– highlight the search terms on the page.– highlight particular keywords dynamically on the page.– highlight negative numeric values on block of page. Below is the working example, enter the text in textbox and click

JQuery WYSIWYG HTML Editors

WYSIWYG(What You See Is What You Get) Editor allows users to enter rich HTML text on the fly in the browser. These controls are very useful for the sites which allow users to publish the content. Here I am going to share JQuery WYSISYG editor, i.e. “NicEdit” and other interesting editors. NicEdit is a Lightweight,

JQuery Textbox Hint

In most of the websites, you might notice textboxes with gray text inside which explains what is it for, and when you focus on the textbox it disappears and reappears when you leave the empty textbox. To achieve this, what i do is:– get the hint text from title attribute of textbox.– Show hint text