المشاركات

عرض الرسائل ذات التصنيف Bootstrap Forms

Codeigniter Login and Registration Tutorial & Source Code

صورة
Today we'll see a codeigniter tutorial demonstrating user login and registration system . As you know Login and Signup Module (User Management System) forms the base for membership driven websites and applications. I have written about codeingiter login and registration process separately earlier, but got requests from blog readers to provide a complete user management module. So in today's post, I have tried to cover as much as possible in user module comprising home, login, signup and user profile/dashboard page. So let us see how to create complete codeigniter login and registration system. Create Database for CI Login & Signup Module: First create the mysql database required for the codeigniter user management system. Read Also: CodeIgniter Two-Step Registration Form with Email Confirmation CodeIgniter Pagination Script with Search Filter using Bootstrap How to Retrieve Data From Database using CodeIgniter & AJAX CREATE DATABASE `testdb`; USE `testd...

Twitter Bootstrap Modal Form Example - Creating Contact Form

صورة
One of our earlier twitter bootstrap tutorials discussed about creating a working contact form in Bootstrap and PHP . Now let's see an example of building modal contact form in bootstrap. These types of popup modal forms will be very useful if you don't want to have separate pages for the forms like login, user signup or contact form. By default the modal dialogs are hidden, and only shown when triggered by a handle like anchor link or buttons. However these modal dialogs are not limited to forms but also can hold plain text or other html contents like image sliders, alerts, videos etc. Twitter Bootstrap Modal Form Example Twitter Bootstrap provides many helpful plug-ins and 'modal' plug-in is one among them which can be used to create responsive modal dialogs in no time. Typically the bootstrap's modal window comprises of three sections, Modal Header - which contains the heading and exit button. Modal Body - which contains the contents to show up in...

Twitter Bootstrap Contact Form Tutorial using PHP with Validations

صورة
Contact Forms are one of the key elements of websites that allows the visitors to communicate to the site owners through mails. Since Bootstrap is only a front end framework we should use server side script like php to make the contact form fully functional. Here in this tutorial, we'll see how to build a bootstrap contact form using PHP along with form validations. We are not going to use any java script library for validations as all the validations will be done in the server side for maximum security. The contact form we are going to build is a clean minimalistic design that contains input fields for name, email, subject and message. Once the user fills out the form and submits it, all user input will be checked for validation errors. If there is any error, it will be displayed in the form else a mail will be sent and notified to the user. Build Twitter Bootstrap Contact Form First let's write the required html markup to build the contact form in bootstrap. Creati...

Create Simple Contact Form in CodeIgniter with Database Save Option

صورة
Hi, sometime back I wrote a tutorial on codeigniter contact form with email sending option . It received good response and I got requests from blog readers to write about saving the codeigniter contact form data into database. For doing so, it requires a proper database to store the form data and some tweaking to the script. Though it's easy for experienced developers, it's proves to be a challenge for newbie's to do it by themselves. So I decided to write a detailed tutorial here about creating simple contact form in codeigniter and saving the data into database. Recommended Read: CodeIgniter Basic CRUD Operations using MySQL Contact Form Workflow The workflow of the codeigniter contact form we build goes like this. Create a simple contact form for the user to enter 'name', 'email-id', 'subject' and 'message'. Upon proper server side validation we should insert the form data into database. If the database insert operation succeed...

How to Create Simple Registration Form in CodeIgniter with Email Verification

صورة
Hi, I have been writing codeigniter tutorials series for quite some time and already discussed about creating login form and contact form in codeigniter and bootstrap. One of the primitive features of any membership website is user registration system. Obviously the common trait of a signup form is to ask for too many details which will scare away users from your site. But keeping the form as minimal as possible will encourage them to sign up easily. Having said that today I’m going to show you, how to create a simple and elegant registration form in codeigniter along with email verification procedure. Build Two-Step User Registration System with Email Verification The codeigniter registration system we are going to build is a two step registration process namely 1. user registration and 2. user authentication process. It’s common now-a-days to send a confirmation link to user’s email-id during signup and activating the user’s account only when he/she confirms the email id th...