Codeigniter Tutorials

Home » Codeigniter »

Server side validation using Ajax.

File Name : ajaxformvalidation_view.php

<!DOCTYPE html>
<html>
<head>
<title>Codeigniter Ajax Validation Example</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
</head>
<body>

<div class="container">
<h2>Codeigniter Ajax Validation</h2>

<div class="alert alert-danger print-error-msg" style="display:none">
</div>

<form>
<div class="form-group">
<label>First Name:</label>
<input type="text" name="first_name" class="form-control" placeholder="First Name">
</div>

<div class="form-group">
<label>Last Name:</label>
<input type="text" name="last_name" class="form-control" placeholder="Last Name">
</div>

<div class="form-group">
<strong>Email:</strong>
<input type="text" name="email" class="form-control" placeholder="Email">
</div>

<div class="form-group">
<strong>Address:</strong>
<textarea class="form-control" name="address" placeholder="Address"></textarea>
</div>

<div class="form-group">
<button class="btn btn-success btn-submit">Submit</button>
</div>
</form>
</div>

<script type="text/javascript">
$(document).ready(function() {
$(".btn-submit").click(function(e){
e.preventDefault();

var first_name = $("input[name='first_name']").val();
var last_name = $("input[name='last_name']").val();
var email = $("input[name='email']").val();
var address = $("textarea[name='address']").val();

$.ajax({
url: '<?php echo base_url();?>ajaxformvalidation/itemForm',
type:'POST',
dataType: "json",
data: {first_name:first_name, last_name:last_name, email:email, address:address},
success: function(data) {
if($.isEmptyObject(data.error)){
$(".print-error-msg").css('display','none');
alert(data.success);
}else{
$(".print-error-msg").css('display','block');
$(".print-error-msg").html(data.error);
}
}
});

});

});

</script>

</body>
</html>

Controller File :

File Name : Ajaxformvalidation.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Ajaxformvalidation extends CI_Controller {
public function __construct()
{
parent::__construct();
$this->load->library('form_validation');
//$this->load->library('session');
}
public function index()
{
$this->load->view('ajaxformvalidation_view');
}

public function itemForm()
{
$this->form_validation->set_rules('first_name', 'First Name', 'required');
$this->form_validation->set_rules('last_name', 'Last Name', 'required');
$this->form_validation->set_rules('email', 'Email', 'required|valid_email');
$this->form_validation->set_rules('address', 'Address', 'required');
if ($this->form_validation->run() == FALSE){
$errors = validation_errors();
echo json_encode(['error'=>$errors]);
}else{
echo json_encode(['success'=>'Record added successfully.']);
}
}
}

Example :

Serverside Validation Using Ajax in codeigniter.

File Name : view

<center><h3 class='flashMsg flashSuccess' style="color: green;"> <?=$this->session->flashdata('successmsg')?> </h3></center>
<div class="alert alert-danger print-error-msg" style="display:none"></div>
<div class="alert alert-success print-success-msg" style="display:none"></div>

<form class="new-added-form" action="" name="frm_subject" id="frm_subject" method="post">
<div class="row">
<div class="col-12-xxxl col-lg-6 col-12 form-group">
<label>Subject Name *</label>
<input type="text" name="subject_name" id="subject_name" placeholder="" class="form-control">
<span class="help-block" style="color:red;"><?php echo form_error('subject_name'); ?></span>
</div>

<div class="col-12 form-group mg-t-8">
<button type="submit" id="add-subject" class="btn-fill-lg btn-gradient-yellow btn-hover-bluedark">Save</button>
<button type="reset" class="btn-fill-lg bg-blue-dark btn-hover-yellow">Reset</button>
</div>
</div>
</form>

script file

controller function

public function subject_add_ajax()
{
$this->form_validation->set_rules('subject_name', 'Subject Name', 'required');
/* $this->form_validation->set_rules('last_name', 'Last Name', 'required');
$this->form_validation->set_rules('email', 'Email', 'required|valid_email');
$this->form_validation->set_rules('address', 'Address', 'required');
*/

if ($this->form_validation->run() == FALSE){
$errors = validation_errors();
echo json_encode(['error'=>$errors]);
}else{
echo json_encode(['success'=>'Record added successfully.']);
}
}

Itechtuto