How to Perform Live Search and Filter on HTML Table using jQuery


Real-time search or live search is a great feature for filtering records in an HTML table. Live search helps to provide a better user interface in your web project. If you want a lightweight solution for live search, our code snippets will best choice for you. Adding a live search feature to HTML table is very easy and you can implement without any jQuery plugin.

Display Loading Image While Page Loads using jQuery and CSS


A web page load time depends on the page elements and it may be longer for lots of images, JavaScript, and CSS. Sometimes well-designed pages suffer for page load time. Displaying a loading image on page load is a great idea to maintain the user experience of your website. Using jQuery and CSS, you can easily display a loading icon until the page loads completely.

How to Highlight Specific Dates in jQuery UI Datepicker


The jQuery UI Datepicker is a widely used plugin that provides an easy way to add a calendar to the input field for selecting a date. The jQuery Datepicker is attached with form input field or inline element to open an interactive calendar. Also, it is a highly configurable plugin that lets you customize datepicker functionality as per your requirement. There are few great customization options are available in jQuery UI Datepicker, beforeShowDay is one of them.

Form Validation using jQuery Validation Plugin


Client-side form validation is very useful for validating a form and it makes your web project more user-friendly. You can found many ways to perform client-side validation in HTML form, but jQuery Validation Plugin is the easiest way to validate a form. The jQuery Validation Plugin lets you implement form validation instantly with many customization options.

Preview Image before Upload using jQuery


Preview image feature lets the user view the chosen image before upload. Preview image before upload is a most required feature for file upload functionality. It helps the user to view chosen file and change the image before upload. You can easily add image preview option on file upload using JavaScript and jQuery. In this tutorial, we'll write some JavaScript and jQuery code to preview image before upload.

Add WYSIWYG HTML Editor to Textarea on Your Website


WYSIWYG editor is driven by JavaScript that lets users enter the formatted text. It is converting the formatted text to HTML when the web form is submitted to the server. When you need to accept formatted text content or HTML content from the users on your website, using WYSIWYG editor to textarea is required. In this article, we'll provide the information about the best WYSIWYG HTML editor and show how to add HTML editor to textarea in the webpage.

Multi-select Dropdown List with Checkbox using jQuery


Multiple selections of the dropdown list can be available by adding multiple Attribute in <select> tag. In that case, multiple options can be selected by holding down the control (ctrl) button. This article helps to make the multi-select dropdown more user-friendly and will provide the simple way to implement multiple select or multi-select dropdown list with checkbox using jQuery.

Adding Date-Time Picker to Input Field using jQuery


If you are looking for a jQuery plugin to add date-time picker to input field, this article will help you lot for that. DateTimePicker jQuery plugin is very simple and easy to implement. Also, this plugin provides various options to customize your Date-Time Picker as per your project needs. This tutorial shows the simplest way to add date time picker with minimal JavaScript code.

Autocomplete Textbox with Multiple Values using jQuery, PHP and MySQL


Learn how to implement autocomplete textbox with multiple values using jQuery, PHP and MySQL. We'll use jQuery UI Autocomplete to show the suggestions from the MySQL database and users would be able to select multiple values. Also, this simple JavaScript helps you to restrict the limitation on multiple values selection and get multiple values from different sources.

CodexWorld Newsletter

Subscribe CodexWorld updates via email and get every new post delivered to your inbox.