06-Aug-2020
.
Admin
Hi Guys,
In this example,I will learn you how to use form validation in codeigniter 4.you can easy simply use form validation in codeigniter 4.
Form Validation is a primary requirement of every project, so i will give you simple example of form validation in codeigniter 4 application. we will use form_validation library for add form validation with error message display in codeigniter.
Step 1: Download Fresh Codeigniter 4
In First step we will download fresh version of Codeigniter 4, so if you haven't download yet then download from here : Download Codeigniter 4.
Step 2: Basic Configurations
Next, we will set some basic configuration on the app/config/app.php file, so let’s go to application/config/config.php and open this file on text editor.
public $baseURL = 'http://localhost:8080';
To
public $baseURL = 'http://localhost/demo/';
Step 3: Create Database With Table
In this step, we need to create a database name demo, so let’s open your PHPMyAdmin and create the database with the name demo. After successfully create a database, you can use the below SQL query for creating a table in your database.
CREATE TABLE contacts (
id int(11) NOT NULL AUTO_INCREMENT COMMENT 'Primary Key',
name varchar(100) NOT NULL COMMENT 'Name',
email varchar(255) NOT NULL COMMENT 'Email Address',
message varchar(250) NOT NULL COMMENT 'Message',
created_at varchar(20) NOT NULL COMMENT 'Created date',
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COMMENT='demo table' AUTO_INCREMENT=1;
Step 4: Setup Database Credentials
In this step, we need to connect our project to the database. we need to go app/Config/Database.php and open database.php file in text editor. After opening the file in a text editor, We need to set up database credentials in this file like below.
public $default = [
'DSN' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'demo',
'DBDriver' => 'MySQLi',
'DBPrefix' => '',
'pConnect' => false,
'DBDebug' => (ENVIRONMENT !== 'production'),
'cacheOn' => false,
'cacheDir' => '',
'charset' => 'utf8',
'DBCollat' => 'utf8_general_ci',
'swapPre' => '',
'encrypt' => false,
'compress' => false,
'strictOn' => false,
'failover' => [],
'port' => 3306,
];
Step 5: Create Model
So go to app/Models/ and create here one model. And you need to create one model name contactModel.php and update the following code into your contactModel.php file:
namespace App\Models;
use CodeIgniter\Database\ConnectionInterface;
use CodeIgniter\Model;
class ContactModel extends Model
{
protected $table = 'contacts';
protected $allowedFields = ['name', 'email', 'message'];
}
Step 5: Create Controller
Now Go to app/Controllers and create a controller name Contact.php. In this controller, we will create some method/function.
<?php
namespace App\Controllers;
use CodeIgniter\Controller;
use App\Models\ContactModel;
class Contact extends Controller
{
public function index()
{
return view('contact');
}
public function create()
{
helper(['form', 'url']);
$val = $this->validate([
'name' => 'required',
'email' => 'required',
'message' => 'required',
]);
$model = new ContactModel();
if (!$val)
{
echo view('contact', [
'validation' => $this->validator
]);
}
else
{
$model->save([
'name' => $this->request->getVar('name'),
'email' => $this->request->getVar('email'),
'message' => $this->request->getVar('message'),
]);
echo view('success');
}
}
}
Step 6: Create Views
Now we need to create contact.php, go to application/views/ folder and create contact.php file.
<!DOCTYPE html>
<html>
<head>
<title>Codeigniter 4 Form Validation Example</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<br>
<?= \Config\Services::validation()->listErrors(); ?>
<div class="row">
<div class="col-md-9">
<form action="<?php echo base_url('public/index.php/contact/create') ?>" method="post" accept-charset="utf-8">
<div class="form-group">
<label for="formGroupExampleInput">Name</label>
<input type="text" name="name" class="form-control" id="formGroupExampleInput" placeholder="Please enter name">
</div>
<div class="form-group">
<label for="email">Email Id</label>
<input type="text" name="email" class="form-control" id="email" placeholder="Please enter email id">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" class="form-control"></textarea>
</div>
<div class="form-group">
<button type="submit" id="send_form" class="btn btn-success">Submit</button>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
This below line display error messages on your web page:
<?= \Config\Services::validation()->listErrors(); ?>
Now we need to create success.php file, so go to application/views/ and create success.php file. And put the below code here.
<!DOCTYPE html>
<html>
<head>
<title> Codeigniter 4 Form Success </title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container mt-5">
<h1 class="text-center"> Thank You for contact us</h1>
</div>
</body>
</html>
Step 7: Start Development server
For start development server, Go to the browser and hit below the URL.
http://localhost/demo/public/index.php/contact
It will help you....
#Codeigniter