Codeigniter Tutorials
- What is codeigniter?
- Application_Architecture
- MVC Architecture
- HMVC Architecture
- Codeigniter Configuration
- Remove index.php from url in codeigniter
- MVC Concept
- View
- Alternate PHP Syntax for View Files
- Routing
- Codeigniter URL
- Get Current URL
- Previous page URL get
- Seo Friendly URL
- Slug Create in codeigniter
- What is _remap() function
- Remove controller name from url in codeigniter
- Codeigniter Controller Class
- Class Constructor
- GET $ POST method in Codeigniter
- Models
- Basepath, Apppath, FCPATH
- URI Segment
- Page Redirect
- Helper class
- Custom Helper class
- Form Helper
- Common Helper Functions
- Common Function
- Array Problems
- Call controller in Helper
- Add active class to menu using Helper class
- Custom Library
- Custom Library Example
- when to use get_instance()
- Codeigniter Hook
- how to work inline css in codeigniter
- Custom 404 page
- 404 custom error page
- Create custom config file in codeigniter
- How to set and get config item value
- How to Speed Up CodeIgniter App?
- Codeigniter Functions
- Session
- cookies
- How to Set & Get Tempdata in Codeigniter
- flash messages in Codeigniter
- Flashdata
- Encryption and Decryption In CodeIgniter
- Codeigniter security
- csrf token form security
- Password Hashing
- Form Validation
- Custom Validation
- Registration Form with validation
- Server Side Form Validation
- Validate Select Option Field
- Date Format Validation
- Date Format change in codeigniter
- Date Functions
- DOB Validation
- CI CRUD
- User SignUp
- User Login
- User Logout
- Login Account
- Login form with RememberMe
- Login Form with session
- User change password
- Change Password with Callback Validation to Check Old Password
- Forgot password
- Reset password
- Insert data in database
- Fetch data from database
- Update data in database
- Delete data in database
- File Upload
- Image Upload with resize Image
- Upload Multiple file and images
- Upload Multiple images with CRUD
- File and image update
- Upload Image Using Ajax.
- Email Send
- Email Send Using Email library
- Email Send Using SMTP Gmail
- Notification send
- store data in json format in DB
- Json parse
- Fetch data Using Ajax with Json data
- How to Show data Using Ajax with Json parse
- Get JSON Data from PHP Script using jQuery Ajax
- Insert data Using Ajax
- Submit data Using Ajax with form validation
- How to show data Using Ajax in codeigniter
- Insert & Update Using Ajax
- Registration Form With Validation Using Ajax in codeigniter
- Delete data Using Ajax Confirmation
- Delete All data Using checkbox selection
- Ajax CSRF Token
- Ajax Post
- Ajax serverside form validation
- Contact form using AJAX with form validation
- DataTable Using Ajax dynamically
- DataTables pagination using AJAX with Custom filter
- DataTables AJAX Pagination with Search and Sort in codeigniter
- DataTables in Codeigniter using Ajax
- Ajax Custom Serarch
- Ajax Live Data Search using Jquery PHP MySql
- Ajax Custom Serarch and sorting in datatable
- Dynamic Search Using Ajax
- Autocomplete using jquery ajax
- Jquery Ajax Autocomplete Search using Typeahead
- Dynamic Dependent Dropdown Using Ajax
- Dynamic Dependent Dropdown list Using Ajax
- Dynamic Dependent Dropdown in codeigniter using Ajax
- ajax username/email availability check using JQuery
- Check Email Availability Using Ajax
- Data Load on mouse scroll
- Ajax CI Pagination
- Pagination in codeigniter
- Ajax Codeigniter Pagination
- email exists or not using ajax with json
- CRUD using AJAX With Modal popup in CI
- Add / Show Data on modal popup using Ajax
- Modal popup Validation using Ajax
- Data show on Modal popup Using Ajax
- Add / Remove text field dynamically using jquery ajax
- How to Add/Delete Multiple HTML Rows using JavaScript
- Delete Multiple Rows using Checkbox
- Multiple Checkbox value
- Form submit using jquery Example
- REST & SOAP API
- Multi-Language implementation in CodeIgniter
- How to pass multiple array in view
- Captcha
- create zip file and download
- PhpOffice PhpSpreadsheet Library (Export data in excel sheet)
- data export in excel sheet
- Excel File generate in Codeigniter using PHPExcel
- Dompdf library
- tcpdf library
- Html table to Excel & docs download
- CI Database Query
- Database Query
- SQL Injection Prevention
- Auth Model
- Join Mysql
- Tree View in dropdown option list
- OTP Integration in codeigniter
- curl post
- download file using curl
- Sweet Alert
- Sweet alert Delete & Success
- Log Message in Codeigniter
- Menu & Submenu show dynamically
- Set Default value in input box
- Cron Jobs
- Stored Procedure
- Display Loading Image when AJAX call is in Progress
- Send SMS
- IP Address
- Codeigniter Tutorialspoint
- Website Link
- How To Create Dynamic Xml Sitemap In Codeigniter
- Paypal Payment Integration
- Get Latitude and Longitude From Address in Codeigniter Using google map API
- How To Create Simple Bar Chart In Codeigniter Using AmCharts?
- dynamic Highcharts in Codeigniter
- Barcode in Codeigniter
- Codeigniter Interview Questions
- Project
Home » Codeigniter »
Modal popup validation in codeigniter
Link Button
File Name :
<a class="btn btn-info btn-sm reply_view" href="javascript:void();" id="<?php echo $row->pki_id?>">
<i class="fa fa-reply" aria-hidden="true"></i>
</a>
Javascript function call modal popup
File Name :
<script>
$(function(){
$('.reply_view').click(function(){
var pki_id = this.id ;
$('#uid').val(pki_id);
$("#reply_modal").modal('show');
});
});
</script>
Modal poup page
File Name :
<div class="modal fade" id="reply_modal" tabindex="-1" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" id="modelstyle">
<h5 class="modal-title" style="margin-right:40%" id="modeltitle"><strong> Reply Status </strong></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">x</span>
</button>
</div>
<?php if(validation_errors()){?>
<div class="alert alert-danger alert-dismissable"><?php echo validation_errors() ?></div>
<?php } ?>
<form id="myForm" name="myForm" action="" method="post">
<div class="modal-body">
<div id="remark_error"></div>
<div class='form-body'>
<label class="col-form-label">Remark:<code>*</code> </label>
<textarea class="form-control" rows="5" cols="20" name="remark" id="remark" placeholder="Enter Reply Message..." maxlength="250" required > </textarea>
<input type="hidden" name="uid" id="uid" value="" />
</div>
</div>
<div class="modal-footer justify-content-between">
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
<button type="submit" name="remark_submit" id="remark_submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
Jquery ajax for modal form submission
File Name :
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>-->
<script type="text/javascript">
$(document).ready(function(){
$('#remark_submit').click(function(e){
e.preventDefault();
var remark = $("#remark").val();
var uid = $("#uid").val();
$.ajax({
type: "POST",
url: "<?php echo base_url()?>getenquiry/enquiry_reply",
data: {remark:remark,uid:uid},
dataType:'json',
success: function(data) {
if(data == true)
{
$('#reply_modal').hide();
window.location.href = "<?php echo base_url('getenquiry/show_enquiry'); ?>";
}
else
{
$('#remark_error').addClass("alert alert-danger");
$('#remark_error').html(data);
$('#remark_error').addClass("alert alert-danger alert-dismissable");
}
}
});
});
});
</script>
Getenquiry Controller
Function Name : enquiry_reply
public function enquiry_reply()
{
$remark = $this->input->post('remark');
$uid = $this->input->post('uid');
$this->load->library('form_validation');
$this->form_validation->set_rules('remark', 'Remark', 'trim|required');
if ($this->form_validation->run() == FALSE)
{
$error ="Remark Required";
echo json_encode($error);
}
else{
$data_array = array(
'reply_message' => $remark,
'reply_status' => '1'
);
$this->db->set($data_array);
$this->db->where("pki_id", $uid);
$result = $this->db->update("user_quote", $data_array);
echo json_encode($result);
//return $result;
}
exit;
}
Example 2:
Function Name :
<a class="btn btn-info btn-sm reply_view" href="javascript:void();" id="<?php echo $row->pki_id?>">
<i class="fa fa-reply" aria-hidden="true"></i>
</a>
Function Name :
<script>
$(function(){
$('.reply_view').click(function(){
var pki_id = this.id ;
$('#uid').val(pki_id);
$("#reply_modal").modal('show');
});
});
</script>
Function Name :
<div class="modal fade" id="reply_modal" tabindex="-1" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" id="modelstyle">
<h5 class="modal-title" style="margin-right:40%" id="modeltitle"><strong> Reply Status </strong></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">x</span>
</button>
</div>
<?php if(validation_errors()){?>
<div class="alert alert-danger alert-dismissable"><?php echo validation_errors() ?></div>
<?php } ?>
<form id="myForm" name="myForm" action="" method="post">
<div class="modal-body">
<div id="remark_error" style="color:red;"></div>
<div class='form-body'>
<label class="col-form-label">Name:<code>*</code> </label>
<input type="text" name="name" id="name" value="" />
<br/>
<label class="col-form-label">Remark:<code>*</code> </label>
<textarea class="form-control" rows="5" cols="20" name="remark" id="remark" placeholder="Enter Reply Message..." maxlength="250" required > </textarea>
<input type="hidden" name="uid" id="uid" value="" />
</div>
</div>
<div class="modal-footer justify-content-between">
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
<button type="submit" name="remark_submit" id="remark_submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
Function Name :
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>-->
<script type="text/javascript">
$(document).ready(function(){
$('#remark_submit').click(function(e){
e.preventDefault();
var remark = $("#remark").val();
var uid = $("#uid").val();
$.ajax({
type: "POST",
url: "<?php echo base_url()?>getenquiry/enquiry_reply",
data: {remark:remark,uid:uid},
dataType:'json',
success: function(data) {
/* if(data == true)
{
$('#reply_modal').hide();
window.location.href = "<?php echo base_url('getenquiry/show_enquiry'); ?>";
}
else
{
$('#remark_error').addClass("alert alert-danger");
$('#remark_error').html(data);
$('#remark_error').addClass("alert alert-danger alert-dismissable");
}
*/
if($.isEmptyObject(data.error)){
$("#remark_error").css('display','none');
alert(data.success);
}else{
$("#remark_error").css('display','block');
$("#remark_error").html(data.error);
}
}
});
});
});
</script>
Function Name :
public function enquiry_reply()
{
$remark = $this->input->post('remark');
$uid = $this->input->post('uid');
$this->load->library('form_validation');
$this->form_validation->set_rules('name', 'Name', 'trim|required');
$this->form_validation->set_rules('remark', 'Remark', 'trim|required');
if ($this->form_validation->run() == FALSE)
{
//$error ="Remark Required";
//echo json_encode($error);
$errors = validation_errors();
echo json_encode(['error'=>$errors]);
}
else{
$data_array = array(
'reply_message' => $remark,
'reply_status' => '1'
);
$this->db->set($data_array);
$this->db->where("pki_id", $uid);
$result = $this->db->update("user_quote", $data_array);
echo json_encode($result);
//return $result;
}
exit;
}