Simple HTML Form Validation Using JQuery

The form allows you to check whether an input from the user is valid or not. This helps you ensure that the type of data inserted by the user is same as field expects to be.

In this tutorial, we will look on how to Validate an HTML Form with JQuery.

The form collects the user input and performs a simple check if the data matches the field type.If otherwise an error warning is displayed asking the user to input correct type of data.

Overview

In order to complete the task, we need to create following files. Bundle the files in the same directory. We will discuss the functions of each of the files in the later part of the guide.

  1. PHP
  2. Message-form.js
  3. PHP

(more…)

Easy Ajax Image Upload and view with JQuery, PHP

Today, we will look on how to upload an image with specific extensions into a server using AJAX and PHP. In this project, we will be using AJAX to show the user the uploaded image without refreshing the page. Also, we will be using extension validation using PHP in run time while uploading in order to prevent unknown file formats.

Overview

In order to build an image uploader, we will need to create the below-specified file with the specified code saved in it. Group all the files in the same folder.

  • Index.php
  • Ajaxhandling.php
  • Script.js
  • Jquery min library

(more…)

PHP Login and Registration Script with PDO and OOP

In our previous tutorial, we learned about Registration system using Php and MySQL If you haven’t checked it our I suggest You go through the tutorial as well.
In this tutorial, we will learn about log-in and registration of users using Object-Oriented PHP as well as PDO to access database.

Overview

During the whole tutorial, You will need the following pages. You need to insert the codes below in each of the files, group them in the same folder and save them.
Specific purposes of each of the files and its codes will be discussed in later part of the guide.

  • CRUD.php
  • dbConnect.php
  • home.php
  • index.php
  • logout.php
  • signup.php

(more…)

PHP Ajax Live Comment System

Looking to add a comment facility to your blog? If your answer is yes, You are at the right page.
In this tutorial, we will learn how to create a Comment system which will be loaded without page refresh. We will be using AJAX and PHP with MySQL to perform the task.

Overview

Moving ahead in the tutorial you will need to create edit and save the following files in the same directory. The functions of each of the page and their codes will be discussed subsequently.

  • dbConfig.php
  • index.php
  • post_comment.php
  • Style.css

(more…)

PHP PDO CRUD Tutorial Using OOP with Bootstrap

Want to create a form where you can perform Create, Read, Update, and Delete operations to your database?
Here, we will look into database transactions in PHP using PDO on a Bootstrap website, for this, we will be using Bootstrap libraries as well as some third party libraries. Below is the folder structure showing the files used.

 

Overview

In this tutorial, we will be creating 6 main files to complete our task. Save the files with the respective codes and place all the files in the same directory.

  • Add.php
  • Delete.php
  • Index.php
  • Update.php
  • Config.php
  • Data.inc.php

(more…)

Create an Auto-Suggest Drop Down Field using Ajax and PHP

In this tutorial, we will create an auto-complete drop down list.

The text box will take users input and suggest sentences with the available characters.

For this, we will be using PHP codes, AJAX as well as JS libraries like JQueryUI and Jquery as well.

Overview

To continue with the tutorial, we will need to create and save the following files all in the same directory.

  • Index.php
  • Autocomplete.php
  • Autocomplete.js
  • Autocomplete.css

(more…)

CRUD Operations Using PHP OOP and MySQL

In this tutorial, we will look into how to perform CRUD operations using PHP and MySQL, the Object Oriented way.
To perform this operation we will be creating a small form where users are given the ability to edit or delete the fields after adding(creating) an entry.

Overview

To continue with the tutorial you need to create and save the following files in the same directory.

  • Index.php
  • Crud_db.php
  • I_u_document.php
  • Style.css

(more…)

Create an Image Gallery from Folder Using PHP

In this tutorial, we will look into how to create an Image gallery that read all the images in a specific folder and show them as thumbnails.
When the user clicks on one of the image thumbnails, it will pop up and reveal itself with a larger view.

Overview

To continue in this users will need to create the following files to be saved all in the same directory.

  • Index.php
  • A Folder Called “gallery” in the same directory

(more…)