backend connection
This commit is contained in:
@@ -233,11 +233,14 @@ include("_navbar.php");
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-danger" id="warning" style="display: none;">Fill all the fields!</div>
|
||||
<div class="alert alert-success" id="success" style="display: none;">Thank You! We will contact you soon!</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="form-group mb-5">
|
||||
|
||||
<!-- Input -->
|
||||
<input class="form-control" id="contactName" type="text" placeholder="Full Name" required>
|
||||
<input type="text" aria-required="true" name="widget-contact-form-name" required
|
||||
class="form-control required name" id="name1" placeholder="Enter your Name">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -245,16 +248,27 @@ include("_navbar.php");
|
||||
<div class="form-group mb-5">
|
||||
|
||||
<!-- Input -->
|
||||
<input class="form-control" id="contactEmail" type="number" placeholder="Phone Number" required>
|
||||
<input class="form-control" id="phn" type="number" name="telephone"
|
||||
placeholder="Contact number" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-12">
|
||||
<div class="form-group mb-5">
|
||||
|
||||
<!-- Input -->
|
||||
<input class="form-control" id="contactEmail" type="email" placeholder="hello@domain.com" required>
|
||||
<input type="email" id="email" aria-required="true" name="widget-contact-form-email"
|
||||
required class="form-control required email" placeholder="Enter your Email">
|
||||
<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<select id="req" class="form-control" name="gender" required>
|
||||
<option value="">---Select Course Name---</option>
|
||||
<option>Graduate Diploma in Montessori Teacher Training.</option>
|
||||
<option>Post-graduate Diploma in Montessori Teacher Training.</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--
|
||||
<div class="col-12 col-md-12">
|
||||
<div class="form-group mb-5">
|
||||
<select class="form-control" name="cars" id="cars" required>
|
||||
@@ -263,23 +277,20 @@ include("_navbar.php");
|
||||
<option value="Pre and Primary Teacher Training">Post-graduate Diploma in Montessori Teacher Training.</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>-->
|
||||
</div> <!-- / .row -->
|
||||
<div class="form-group mb-7 mb-md-9">
|
||||
|
||||
<!-- Input -->
|
||||
<textarea type="text" name="widget-contact-form-message" required rows="2"
|
||||
class="form-control required" id="message" placeholder="Enter your Message"></textarea>
|
||||
|
||||
</div>
|
||||
</div> <!-- / .row -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
|
||||
<!-- Input -->
|
||||
<textarea class="form-control" id="contactMessage" rows="2" placeholder="Message"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- / .row -->
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto">
|
||||
|
||||
<!-- Submit -->
|
||||
<button type="submit" class="btn bt">
|
||||
<button type="submit" class="btn bt" onclick="submitForm()">
|
||||
Send message
|
||||
</button>
|
||||
|
||||
@@ -290,4 +301,139 @@ include("_navbar.php");
|
||||
</div>
|
||||
</div> <!-- / .row -->
|
||||
</div> <!-- / .container -->
|
||||
</section>
|
||||
</section>
|
||||
<script type="text/javascript">
|
||||
var option = null;
|
||||
var name = null;
|
||||
var phn = null;
|
||||
var subject = null;
|
||||
var email = null;
|
||||
var message = null;
|
||||
var warning = document.getElementById('warning');
|
||||
var success = document.getElementById('success');
|
||||
var emailError = document.getElementById('emailError');
|
||||
var req = document.getElementById("req");
|
||||
function setOptions(s) {
|
||||
// console.log(s[s.selectedIndex].value); // get value
|
||||
option = s[s.selectedIndex].value;
|
||||
// console.log(s[s.selectedIndex].id); // get id
|
||||
}
|
||||
function submitForm() {
|
||||
name = document.getElementById("name1").value;
|
||||
phn = document.getElementById("phn").value;
|
||||
email = document.getElementById("email").value;
|
||||
message = document.getElementById("message").value;
|
||||
success.style.display = "none";
|
||||
subject = req.options[req.selectedIndex].text;
|
||||
// console.log(name+phn+email+message);
|
||||
if (name == '' || phn == '' || email == '' || message == '') {
|
||||
warning.style.display = "block";
|
||||
} else {
|
||||
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
||||
|
||||
if (reg.test(email) == false) {
|
||||
emailError.style.display = "block";
|
||||
} else {
|
||||
emailError.style.display = "none";
|
||||
warning.style.display = "none";
|
||||
let formData = new FormData();
|
||||
formData.append('formName', 'iimttNewContact');
|
||||
formData.append('Name', name);
|
||||
formData.append('Email', email);
|
||||
formData.append('Phone', phn);
|
||||
// formData.append('Address', addr);
|
||||
formData.append('MessageDetails', message + " Subject= " + subject);
|
||||
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(res => res.json())
|
||||
.then(json => {
|
||||
// console.log(json);
|
||||
// sendMail("enquiry@atheneumglobal.education");
|
||||
sendMail("teenybeans.info@gmail.com");
|
||||
sendMail("enquiry@beanstalkedu.com");
|
||||
sendMail("enquiry@iimtt.org");
|
||||
sendMail("nairobi@iimtt.org");
|
||||
// sendMail("chatterjeegouravking@gmail.com");
|
||||
sendWelcomeMail(email);
|
||||
success.style.display = "block";
|
||||
document.getElementById("name1").value = "";
|
||||
document.getElementById("phn").value = "";
|
||||
document.getElementById("email").value = "";
|
||||
document.getElementById("message").value = "";
|
||||
|
||||
// window.location.href = "contact-back";
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
// if(name)
|
||||
}
|
||||
|
||||
function sendMail(sendEmail) {
|
||||
// ---------Mail sent-----------------
|
||||
|
||||
let formData = new FormData();
|
||||
formData.append("sendMail", "true");
|
||||
formData.append("reciever", sendEmail);
|
||||
formData.append("sender", "IIMTT");
|
||||
formData.append("senderMail", "enquiry@iimtt.org");
|
||||
formData.append("subject", "New Contact Form Fillup");
|
||||
formData.append(
|
||||
"message",
|
||||
"<html><body><p>New Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||
name +
|
||||
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||
email +
|
||||
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||
phn +
|
||||
"</td></tr><tr><th>Message:- </th><td>:- " +
|
||||
message +
|
||||
"</td></tr></table></body></html>"
|
||||
);
|
||||
fetch("https://mailapi.teenybeans.in/", {
|
||||
method: "POST",
|
||||
body: formData
|
||||
})
|
||||
.then(function (response) {
|
||||
response.json().then(function (data) {
|
||||
// console.log(data);
|
||||
});
|
||||
})
|
||||
.catch(function (err) {
|
||||
console.log("Fetch Error :-S", err);
|
||||
});
|
||||
}
|
||||
function sendWelcomeMail(sendEmail) {
|
||||
// ---------Mail sent-----------------
|
||||
console.log(sendEmail);
|
||||
let formData = new FormData();
|
||||
formData.append("sendMail", "true");
|
||||
formData.append("reciever", sendEmail);
|
||||
formData.append("sender", "IIMTT");
|
||||
formData.append("senderMail", "enquiry@iimtt.org");
|
||||
formData.append("subject", "Welcome to IIMTT");
|
||||
formData.append(
|
||||
"message",
|
||||
"<html><body><p>Welcome " +
|
||||
name +
|
||||
" to IIMTT.<br>Thank you for contacting us. <br> We will get back to you shortly. In the meanwhile please do check out our website for more information. click <a href='https://iimtt.org'>here</a><br>Thank you<br>-Team IIMTT. </p></body></html>"
|
||||
);
|
||||
fetch("https://mailapi.teenybeans.in/", {
|
||||
method: "POST",
|
||||
body: formData
|
||||
})
|
||||
.then(function (response) {
|
||||
response.json().then(function (data) {
|
||||
console.log(data);
|
||||
});
|
||||
})
|
||||
.catch(function (err) {
|
||||
console.log("Fetch Error :-S", err);
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user