Message form added

This commit is contained in:
Olu Amey
2021-08-12 20:26:26 -04:00
parent 0b8e6ff44e
commit 8728d0ad9d
2 changed files with 57 additions and 6 deletions
+21
View File
@@ -0,0 +1,21 @@
<?php
namespace App\Controllers;
class Contact extends BaseController
{
public function index()
{
$data = array();
$this->renderExtPage('developers', $data);
}
public function formMessage()
{
$returnMsg = "Message Received, we will get back in touch to follow up"; //<div class=\"col-lg-5\"><div class=\"form-group text-right\"></div></div>";
echo $returnMsg;
}
}
+36 -6
View File
@@ -371,14 +371,14 @@
</div>
</div>
<div class="col-12 col-md-12 col-lg-7 wow slideInRight" data-wow-delay=".5s">
<form class="row contact-form row-padding" id="contact-form-data">
<form class="row contact-form row-padding" id="contact-form-data" name="message_form">
<div class="col-12 col-lg-10" id="result"></div>
<div class="col-12 col-lg-10">
<input type="text" name="userName" placeholder="Name" class="form-control">
<input type="text" name="userPhone" placeholder="Contact No" class="form-control">
<input type="email" name="userEmail" placeholder="Email" class="form-control">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here"></textarea>
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-trans rounded-pill w-100 contact_btn main-font">Submit Information</a>
<input type="text" name="form_name" placeholder="Name" class="form-control">
<input type="text" name="form_phone" placeholder="Contact No" class="form-control">
<input type="email" name="form_email" placeholder="Email" class="form-control">
<textarea class="form-control" name="form_message" rows="6" placeholder="Type Your Message Here"></textarea>
<div id="group_result"><a onclick="return sendMessage();" id="group_submit" class="btn btn-medium btn-rounded btn-trans rounded-pill w-100 contact_btn main-font">Submit Information</a></div>
</div>
</form>
</div>
@@ -386,7 +386,37 @@
</div>
</section>
<!-- End Contact -->
<script type="text/javascript">
<!--
function sendMessage() {
if (document.message_form.form_name.value == '') {
alert('Please enter all fields to send the message!');
return false;
}
if (document.message_form.form_message.value == '') {
alert('Please enter all fields to send the message!');
return false;
}
const form_name = document.message_form.form_name.value;
const form_email = document.message_form.form_email.value;
const form_phone = document.message_form.form_phone.value;
const form_message = encodeURIComponent(JSON.stringify(document.message_form.form_message.value));
// $('#group_result').html('Processing...');
$('#group_submit').prop('disabled', true);
//alert(element.value);
$.ajax({
url: "/contact/formMessage?jobID=100&form_name=" + form_name + "&form_message=" + form_message+ "&form_email=" + form_email+ "&form_phone=" + form_phone
}).done(function (data) {
$('#group_result').html(data);
document.offer_group.job_group.value = '';
$('#group_submit').prop('disabled', false);
});
return false;
}
// -->
</script>
<!-- Start Scroll Top -->
<div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
<!-- End Scroll Top -->