creating a user registration form in codeigniter

For creating user registration in login page, I added the following code in the home controller :

  public function register()
  {
    $this->load->view("header");
    $this->load->view("register");
    $this->load->view("footer");
  }

Then just copy & paste the login page to the register page and add email input and a new button so we get 2 buttons as login and register.

register.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<div class="container" style="margin-top:30vh;">
  <div class="row">
      <div class="col-lg-4 col-md-4 col-sg-oush-4 col-md-push-4">
         <div class="panel panel-default">
             <div class="panel-heading">REGISTER</div>
               <div class="panel-body">
                  <?php echo form_open('register'); ?>
                     <div class="form-group">
                        <input type="email" name="u_email" placeholder="Email" required class="form-control input-sm">
                     </div>
                     <div class="form-group">
                        <input type="text" name="u_name" placeholder="Username" required class="form-control input-sm">
                     </div>
                     <div class="form-group">
                        <input type="password" name="u_password" placeholder="Password" required class="form-control input-sm">
                     </div>
                     <div class="form-group">
                        <input type="submit" name="u_login" value="Register" class="btn btn-success btn-sm">
                        <a href="<?php echo site_url('login'); ?>" class="btn btn-warning btn-sm">Login</a>
                     </div>
                  <?php echo form_close(); ?>
               </div>
         </div>
      </div>
  </div>
</div>

Here I also added a link to the login page so you can easly switch to login page. Don't forget to add a link in login page linking to register page for switching between them.



⇐Prev
Next⇒

Comments

Post a Comment

Popular posts from this blog

Node.js Cheat Sheet

Image
To start a new node project, type  C:\Users\jinoy\OneDrive\Desktop\MERN>npm init -y      The basic syntax of calling a function in node.js with express is : const   functionname  = ()  =>  { console . log ( "hello world" ); } functionname (); To call a function after every 5 seconds : setInterval (()  =>  {      console . log ( "hello" ); }, 5000  ); To call a function only once after 4 second : setTimeout (() => { console . log ( "test" ); }, 4000 ); To run a script.js file on terminal, type : C:\Users\jinoy\OneDrive\Desktop\MERN>node script.js  OR C:\Users\jinoy\OneDrive\Desktop\MERN>node script To stop a function that is executing on every interval( time to call function again) : const   interval  =  setInterval (()  =>  {      console . log ( "hello" ); }, 1000  ); setTimeout (() => {      clearInterva...
Read more

Codeigniter ! Simple But Powerful

Image
CodeIgniter is a powerful PHP framework with a very small footprint, built for developers who need a simple and elegant toolkit to create full-featured web applications. It is the second largest php framework for website development (first-Laravel). Due to its simplicity, it is the most used framework ever than laravel. Actually these frameworks are only used for developing large scale website. The important thing about this framework is that it is using MVC principle . A MVC or Model View Control framework has a controller that controls all the pages in the website. There can be any number of controller created in codeigniter. The orginal webpages or the contents are placed in the folder named view .  Note : Don't touch the forder named system because it is the soul of the codeigniter Next ⇒
Read more

Bootstrap ? What is it ?

Image
Have you ever thinked about designing a file that can contain different styles which can be ewhile writing every code. Here is the answer. A Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites. Bootstrap is a free and open source front enddevelopment framework for the creation of websites and web apps. The Bootstrap framework is built on HTML, CSS, and JavaScript (JS) to facilitate the development of responsive, mobile-first sites and apps. The bootstrap file contain many CSS style , JavaScript and HTML which can be called any number of times during the execution of the program. The bootstrap file is a W3C accepted standard file wich can be used to develop a stylish website easly. Here you can download the bootstrap file directly from my website. It is the now available latest version of the bootstrap file. Version : 4.3.1 Click on the link below to download the bootstrap file. Bootstrap version 4.3.1 If you need ...
Read more