Creating HTML form with Bootstrap and JavaScript validations

Bootstrap was also programmed to support both HTML5 and CSS3.Bootstrap is a free collection of tools for creating a websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions

You can download bootsrap by visitng below  link.

http://getbootstrap.com/getting-started/

Or you can use Bootsrap CDN links .

STEP 1

This is code segment for HTML element

When there are error occurs it will display error message like below figure.

STEP 2

This is code segment for JavaScripting validations

Insert record into the databse using PHP, JavaScript and HTML

This tutorial for simply insert record into database using simple ajax request.

STEP 1

This is my sql table structure for inserting record

STEP 2

This is my HTML code Structure

STEP 3

This is my model class code segment

STEP 4

This is my controller class code

STEP 5

This is my JavaScript code segment. There I used Ajax for insert data into database.

Creating PHP web project using Codeigniter Framework

This is very easy and simply. I explained it shortly and step by step, because of you can get it easily.

STEP 1

First of all you need to download codeigniter from https://www.codeigniter.com/download this web site.

STEP 2

Then extract the above downloads archive file and rename it. In here you can give name whatever you prefer to provide to the your web project. In my case the name I provided to project is “web_test”.

STEP 3

Now you need to set this project path to your local server. After setting up run it on browser. If it is correctly configured, It will display window like below

(NOTE : You can use XAMPP or EasyPHP as your local server).

For run you web project on browser use following manner.

127.0.0.1/<name that you provide to your web project>