Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by Mohit Panchasara
Page 7 of 7
How to send button value to PHP backend via POST using ajax?
AJAX (Asynchronous JavaScript and XML) makes web pages more responsive, interactive, and dynamic by enabling server communication without requiring a page to load. JavaScript is used to send and receive data from a server using various technologies, including XML, JSON, and HTML. In these, JSON is the most popular. AJAX is frequently used to transmit information from a web page to a server-side script, like a PHP script. The XMLHttpRequest object, included in most contemporary web browsers, can be used for this. You can establish a connection to a given URL, send data to that URL, and then wait ...
Read MoreHow to use Container Component in ReactJS?
The container component creates a container on the web page like a box. Also, we can set the height of the container according to the height of the inside content. Furthermore, we can set the variable width for the Container component. Basically, we can use the Container to create a Rectangular box and add some HTML content inside that. Users should use the below command to install the Material UI in the React project. npm install @mui/material @emotion/react @emotion/styled Syntax Users can follow the syntax below to use the Cotnainer component of Material UI. ...
Read MoreHow to use Checkboxes in ReactJS?
The checkbox allows users to select multiple values in the form. Also, it is useful to take the Boolean response from the users. For example, an Instagram-like button is a kind of checkbox. When users like the post, it shows the filled icon; Otherwise, it shows the border icon. Here, we will learn to handle single and multiple checkboxes in ReactJS. First, we will create the custom checkboxes and then learn to use the checkbox component of Material UI. Create a Custom Checkbox Component in ReactJS We can use the normal HTML input to create a checkbox in ...
Read MoreHow to create Price Range Selector in ReactJS?
The price range selector allows us to select two values representing the range. Sometimes, we require to create a range slider to allow users to select a range. For example, we can allow users to select a minimum and maximum price using the price range selector. We can also show the products by filtering based on the selected minimum and maximum prices. In this tutorial, we will learn to create a price range selector using various libraries in ReactJS. Using the material UI to create a range selector The material UI provides various components we can import into the ...
Read MoreHow to create a Password Checklist in ReactJS?
Nowadays, applications use a one-time password or magic link for authentication, but we can’t ignore the authentication using the username and password. Whenever we allow users to register with a username and password, we should ensure that the password users have entered is strong. So, it can be unbreakable by hackers. In this tutorial, we will learn to verify the security level of the password in ReactJS. Create a Custom Validation Algorithm We can create a custom validation algorithm to check if the password is strong or weak. We can create regular expressions for lowercase, uppercase, and numeric ...
Read MoreHTMLCollection for Loop
The HTML collection is an array of HTML elements. We can access every element of the collection using its index. Also, we can iterate through the array of HTML collections and get all HTML elements of the collection one by one. Sometimes, we require to use for loop to iterate through the collection of all HTML elements. For example, we have created a group of checkboxes, and when the user presses the clear button, we require to clear all checkboxes. We can access all checkboxes in the HTML collection, iterate through it, and uncheck every checkbox. In this tutorial, ...
Read MoreHow to toggle between one checkbox and a whole group of checkboxes in HTML?
The toggling means that whenever a user checks a single checkbox, all checkboxes of the group should be unchecked, and when a user checks any checkbox from the group, a single checkbox should be unchecked. We can achieve this functionality with JavaScript. In this tutorial, we will learn to toggle between one checkbox and a whole group of checkboxes in HTML. Syntax Users can follow the syntax below to toggle between one checkbox and a whole group of checkboxes in HTML. checkboxes.forEach((checkbox) => { checkbox.checked = false; }) In the above syntax, checkboxes is ...
Read More