EVOLUTION-NINJA
Edit File: enquiry_form.php
<?php echo view('includes/header');?> <link href="<?php echo base_url('public/assets/admin_dashboard/css/jquery-ui.css');?>" rel="stylesheet"><script src="<?php echo base_url('public/assets/js/jquery-ui.js');?>"></script> <section class="content-header"> <h1> Enquiry Form </h1> </section> <!--- section 1 ----> <section class="content"> <div class="col-sm-12 col-md-12"> <form id="land_owner" class="form-inline enquiry_form"> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Customer Name</label> <input type="text" class="form-control col-sm-8" name="name" pattern="^[a-zA-Z\s]*$" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Address</label> <input type="text" class="form-control col-sm-8" name="address"> </div> </div> <!-- row 1----> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Contact No</label> <input type="text" pattern="^[0-9]{10}$" class="form-control col-sm-8" name="mobile" style="width: 29% !important; margin-right:10px;" required> <input type="text" class="form-control col-sm-8 col-xs-6" pattern="^[0-9]{10}$" name="mobile2" style="width: 29% !important;"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 ">Mail Id</label> <input type="email" class="form-control col-sm-8" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" name="email"> </div> </div> <!-- row 2----> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">Web Portal</label> <select class="form-control col-sm-8" name="web_portal" id="sel1"> <option value="">Select</option> <?php foreach($webportals as $val) { ?> <option value="<?php echo $val->webportal;?>"><?php echo $val->webportal;?></option> <?php } ?> </select> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">Reference</label> <select class="form-control col-sm-8" name="reference" id="sel1"> <option value="">Select</option> <?php foreach($reference as $val) { ?> <option value="<?php echo $val->associate_name;?>"><?php echo $val->associate_name;?></option> <?php } ?> </select> </div> </div> <!-- row 3----> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">Database</label> <select class="form-control col-sm-8" name="database" id="sel1"> <option value="">Select</option> <?php foreach($database as $val) { ?> <option value="<?php echo $val->database_name;?>"><?php echo $val->database_name;?></option> <?php } ?> </select> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Date</label> <input type="text" class="form-control col-sm-8 dob date_picker" name="day" max="" required> </div> </div> <!-- row 3----> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Status</label> <textarea class="form-control col-sm-8" name="status" style="width: 60%;"></textarea> </div> </div> <!-- row 3----> <div class="row land_owner_a"> <div class="col-sm-4 col-md-4"></div> <div class="col-sm-4 col-md-4"> <button type="submit" class="btn btn-primary center-block submit">Submit</button> </div> <div class="col-sm-4 col-md-4"></div> </div> <!-- row 4----> </form> <!---- form End ----------------------------------------------------------------------------------------------> </div> <!--- col-sm-8 ----> <div class="col-sm-0 col-md-3"></div> </section> <!--- section 2 ----> </br></br></br></br></br></br><hr> <section class="content"> <div class="col-sm-12 col-md-12"> <form id="land_owner1" class="form-inline" action="<?//php echo site_url('upload');?>" method="post" enctype="multipart/form-data"> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Bulk Upload</label> <input type="file" class="form-control col-sm-8" name="file"> </div> <div class="form-group col-sm-12 col-md-6"> <div class="col-sm-4 col-md-4"> <button type="submit" class="btn btn-primary center-block" style="margin-top: 0px !important;">Submit</button> </div> </div> </div> <!-- row 1----> </form> <!---- form End ----------------------------------------------------------------------------------------------> </div> <!--- col-sm-8 ----> <div class="col-sm-0 col-md-3"></div> </section> <!--- section 2 ----> <script> $('#land_owner1').on('submit', function (e) { e.preventDefault(); var formData = new FormData(this); $.ajax({ url: "<?= site_url('upload') ?>", type: "POST", data: formData, contentType: false, processData: false, beforeSend: function () { // toastr.info('Uploading... please wait'); }, success: function (response) { if (response.status === 'success') { toastr.success(response.message); $('#land_owner1')[0].reset(); // Ensure you're targeting the correct ID here } else { toastr.error(response.message || 'Upload failed.'); } }, error: function (xhr, status, error) { toastr.error('Error: ' + xhr.responseText); } }); }); </script> <style type="text/css"> .content-wrapper, .right-side { //min-height:900px !important; } a { color: inherit; } </style> <script type="text/javascript"> $('.date_picker').datepicker({ changeMonth:true, changeYear:true, yearRange: "1940:c", // dateFormat: 'yy-mm-dd' dateFormat: 'dd-mm-yy' }); $(document).ready(function(){ function isNumberKey(evt){ var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true; } var datatable; var tbody = $('#table_body'); datatable = $('.table').DataTable({ "scrollY": 350, "scrollX": true }); $('.enquiry_form').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $(".submit").attr('disabled', 'disabled'); $(".submit").text("Submitting..."); $.ajax({ type : 'post', url : '<?php echo site_url("add-enquiries")?>', data : formdata, contentType: false, processData: false, success:function(response){ //response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $('.enquiry_form')[0].reset(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } else if(response.result==2) { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } else { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } } }); }); }); </script> <?php echo view('includes/footer');?>