Posts Tagged with 'JavaScript'
Real-Time Password Validation Using HTML5, Regex, and JavaScript
First page link: HTML5 Password Validation with Regular Expressions: A Complete Guide Great! Let’s enhance the previous HTML5 password form with real-time validation using JavaScript. This improves UX by giving instant feedback as the user …
How to Print a Div Content Using jQuery
Printing specific content from a web page can be incredibly useful, especially when you want to focus on a particular section. With jQuery, you can easily achieve this. Here's how. HTML Structure <!DOCTYPE html> <html …
What is the difference between JavaScript and JQuery
JQuery | Difference between JavaScript and JQuery Javascript is a client-side scripting language whereas jQuery is a library (or framework) built with JavaScript. Javascript JQuery javascript is a dynamic and interpreted client-side scripting language …
How to make an anchor tag to do nothing?
HTML | Make an anchor tag to do nothing | href="javascript:void(0);" To prevent reloading a page when a link clicked is something like preventing the default behavior of an element. It can be achieved by providing …
Input type number maxlength not working
HTML | Input type number maxlength not working The "maxlength" attribute of an input field is used to limit the length entered in the input field. but it works only if the type of input field …
Remove id attribute from an element using jquery
Jquery | Remove id attribute from an element The removeAttr() function from jquery is used to removes one or more attributes from the selected elements. $("div").removeAttr("id"); Here seen an example with complete code …
Jquery Auto Focus On Next Input Field
Jquery | Auto Focus On Next Input Field The jquery code for autofocus on the next text input field. $(".input-key").keyup(function() { if ($(this).val().length == $(this).attr("maxlength")) { $(this).next('.input-key').focus(); } }); Let's go through the above jquery …
ChartJS | How to draw Bar chart from server data using MySQL, Ajax and PHP
Chart.JS | Draw Bar chart from server data using MySQL, Ajax, and PHP This example shows how to draw a bar chart with data from the database server. FILE STRUCTURE At the end of this …
ChartJS change graph type based on Dropdown selection
Chart.js | Changing graph type based on dropdown selection We can’t directly update the chart type in Chart.js, to achieve the requirement we need to destroy the original chart and then redraw the new chart. …
How to show data values on top of each bar in chart.js
Chart.js | show data values on top of each bar This is an example of displaying data value on top of each bar of Chart.js on the web page. Step 1: Create a basic HTML …
Add bar chart in web page
Chart.js | Add bar chart in the webpage This is a simple example of using Chart.js to create a bar chart on the webpage. Step 1: Create a basic HTML file called "chart.html" <!DOCTYPE html> …
How to refresh a page with jquery?
Jquery | Location reload() Method | Refresh a page The Location.reload() method reloads the current URL. Syntax location.reload(forceGet) The Location.reload() method reloads the current URL. By default, the value of forceGet is false which …
Clear the TINYMCE editor's content using jquery.
JQuery | TinyMCE | Clear TINYMCE editor There is a method called setContent() in TINTMCE which you can use to reset/clear the TINTMCE editor. <script> // if one editor existing in your page. tinyMCE.activeEditor.setContent(''); </script> …
How to select dropdown item based on value
JQuery | Select dropdown item based on the value Change the selected option by value on the select box with jQuery is common nowadays. So let us have a select element with the list of …