PHP Contact Form - Single field not populating [closed] - php

Question

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
HTML for my fields and contact block, my fields are Name, Number. Email, Subject, Message. All of my fields work properly and when submitted I receive the email perfectly, apart from the Number field which for some reason does not populate with the amount or any value at all
<!-- contact section -->
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Contact Us</h2>
<p class="wow fadeInDown animated">Please fill in your contact details below and we will get back to you.<br>Alternatively contact us on: 031 464 4801 | 083 555 1202</p>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 conForm">
<form method="post" action="php/email.php" name="cform" id="cform" onsubmit="return checkform(this);">
<div id="message"></div>
<input name="name" id="name" type="text" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Your name..." >
<input name="cell" id="cell" type="number" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Your Number..." >
<input name="email" id="email" type="email" class=" col-xs-12 col-sm-12 col-md-12 col-lg-12 noMarr" placeholder="Email Address..." >
<textarea name="comments" id="comments" cols="" rows="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Message..."></textarea>
<!-- START CAPTCHA -->
<br>
<div class="capbox">
<div id="CaptchaDiv"></div>
<div class="capbox-inner">
Type the above number:<br>
<input type="hidden" id="txtCaptcha">
<input type="text" name="CaptchaInput" id="CaptchaInput" size="15"><br>
</div>
</div>
<br><br>
<!-- END CAPTCHA -->
<input type="submit" id="submit" name="send" class="submitBnt" value="Send">
<div id="simple-msg"></div>
</form>
<script type="text/javascript">
// Captcha Script
function checkform(theform){
var why = "";
if(theform.CaptchaInput.value == ""){
why += "- Please Enter CAPTCHA Code.\n";
}
if(theform.CaptchaInput.value != ""){
if(ValidCaptcha(theform.CaptchaInput.value) == false){
why += "- The CAPTCHA Code Does Not Match.\n";
}
}
if(why != ""){
alert(why);
return false;
}
}
var a = Math.ceil(Math.random() * 9)+ '';
var b = Math.ceil(Math.random() * 9)+ '';
var c = Math.ceil(Math.random() * 9)+ '';
var d = Math.ceil(Math.random() * 9)+ '';
var e = Math.ceil(Math.random() * 9)+ '';
var code = a + b + c + d + e;
document.getElementById("txtCaptcha").value = code;
document.getElementById("CaptchaDiv").innerHTML = code;
// Validate input against the generated number
function ValidCaptcha(){
var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
var str2 = removeSpaces(document.getElementById('CaptchaInput').value);
if (str1 == str2){
return true;
}else{
return false;
}
}
// Remove the spaces from the entered and generated code
function removeSpaces(string){
return string.split(' ').join('');
}
</script>
</div>
</div>
</div>
This is the PHP which pushes the mail, values and email format through to my address, again, everything seems to be in order and works fine, apart from the number (cell) field, which does not populate with any information, no matter what you put into it.
<?php
session_cache_limiter( 'nocache' );
$to = "bjorn#tech5.co.za"; //Recipient's E-mail
$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
$message = 'Name: ' . $_REQUEST['name'] . "<br>";
$message .= 'Number: ' . $_REQUEST['cell'] . "<br>";
$message .= 'Email: ' . $_REQUEST['email'] . "<br>";
$message .= $_REQUEST['comments'];
if (#mail($to, 'New Inquiry from Executive Plant Hire', $message, $headers))
{
mail('bjorn#tech5.co.za', 'New Inquiry from Executive Plant Hire', $message, $headers);
// Transfer the value 'sent' to ajax function for showing success message.
echo '<label class="lbl lbl-success">Your email has been sent successfully, we will be in touch</label>';
// header('Location: ../index.html');
}
else
{
// Transfer the value 'failed' to ajax function for showing error message.
echo '<label class="lbl lbl-warning">There was a problem sending you request, please contact us directly</label>';
}
?>
Can anyone provide some assistance or advise what I might be doing wrong? I've tried everything I can think of and nothing seems to work... any help or suggestions would be much appreciated.
Thanks.

Answer 1

#Bjorn,
You can see here that entering any non-digit char (like a symbol that might go in a telephone number), will invalidate the number field.
<input type="number" id="check">
<button type="button" onclick="console.log(document.getElementById('check').value)">Check</button>