Topic: contact form tutorial is missing dropbox
tedd free asked 6 years ago
https://mdbootstrap.com/components/bootstrap-contact-form/#inputs
hello there i need add to dropbox in my contact form but i think that one is missing from your tutorial. Could you add that in the tutorial? or Could you please show us how to do it properly with one page ajax and validation?
i followed everything that you showed us in the previous tutorial but dropbox one isn't working. Maybe im doing something wrong.
Start your code here
<?php $estimate = $_POST['estimate'];header('Content-Type: application/json');if ($estimate === ''){print json_encode(array('message' => 'empty', 'code' => 0));exit();}$content="Estimate: $estimate";$recipient = "psy@nam.com";$mailheader = "From: $email \r\n";mail($recipient, $subject, $content, $mailheader) or die("Error!");print json_encode(array('message' => 'Email successfully sent!', 'code' => 1));exit();?>
Start your code here
<select class="form-control form-control-sm" name="estimate" id="estimate"><option value="estimate1">$1~$1000</option><option value="estimate2">$1000~$3000</option><option value="estimate3">$3000~$5000</option><option value="estimate4">$5000~$10000</option></select>
Start your code here
<script>function validateForm() {var x = document.getElementById('estimate').value;if (x == "") {document.getElementById('status').innerHTML = "empty";return false;}document.getElementById('status').innerHTML = "Sending...";formData = {'estimate' : $('input[name=estimate]').val(),};$.ajax({url : "mail.php",type: "POST",data : formData,success: function(data, textStatus, jqXHR){$('#status').text(data.message);if (data.code) //If mail was sent successfully, reset the form.$('#contact-form').closest('form').find("input[type=text], textarea").val("");},error: function (jqXHR, textStatus, errorThrown){$('#status').text(jqXHR);}});}</script>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Tags
Witold Tkaczyk free commented 6 years ago
Hi, can you tell me what exactly is your problem? I see that you check if select is empty but it will never be because you don't have an option with value === "0". Please add this option to your select Choose your option