Hi! Having this problem, apparently since May of this year, but we noticed it this month.
We've been getting blank emails from our form as frequently as we're being spammed, even if we require that the info be complete. Emails are also sent to us even with just incomplete info.
We tested the submit button after completing the recaptcha, and, while the page asks the registrant to complete the info, clicking the submit button sends the email just the same.
I examined the html and found a header info different from the properties of the form. That header info appears in the spam email.
Here is the page: https://www.brains.com.ph/notify_us.php
The spam email:
"(unknown sender) via s527.sgp8.mysecurecloudhost.com
11:41 AM (1 hour ago)
to enrolment
Values submitted from web site form:"
Nothing follows.
I extracted the page html and the first 4 lines correspond to the spam. I don't know where these came from. The real email has a different header.
HTML Start
<?php
$mailto = "enrolment@brains.com.ph";
$subject = "Notification of Enrolment";
$message = "Values submitted from web site form:";
$header = "From: ".$_POST['email'];
foreach ($_POST as $key => $value)
{
if (!is_array($value))
{
$message .= "\n".$key." : ".$value;
}
else
{
foreach ($_POST[$key] as $itemvalue)
{
$message .= "\n".$key." : ".$itemvalue;
}
}
}
mail($mailto, $subject, stripslashes($message), $header);
?><?php
session_start();
if ($_SERVER['REQUEST_METHOD'] == 'POST' && $_POST['formid'] == 'form2')
{
if (isset($_POST['captcha'], $_SESSION['captcha']) && md5($_POST['captcha']) == $_SESSION['captcha'])
{
unset($_POST['captcha'], $_SESSION['captcha']);
}
else
{
$errorcode = file_get_contents('smartlink://page00028');
$errorcode = str_replace('##error##', 'CAPTCHA verification failed.', $errorcode);
echo $errorcode;
exit;
}
}
?>
<?php
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;
require __DIR__.'/Exception.php';
require __DIR__.'/PHPMailer.php';
require __DIR__.'/SMTP.php';
function ValidateEmail($email)
{
$pattern = '/^([0-9a-z]([-.\w]*[0-9a-z])*@(([0-9a-z])+([-\w]*[0-9a-z])*\.)+[a-z]{2,6})$/i';
return preg_match($pattern, $email);
}
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['formid']) && $_POST['formid'] == 'form2')
{
$mailto = 'enrolment@brains.com.ph';
$mailfrom = isset($_POST['email']) ? $_POST['email'] : $mailto;
$subject = 'Enrollment notification via www.brains.com.ph';
$message = 'Enrollment Details';
$success_url = './success_page.html';
$error_url = './error_page_notify.html';
$eol = "\n";
$error = '';
$internalfields = array ("submit", "reset", "send", "filesize", "formid", "captcha", "recaptcha_challenge_field", "recaptcha_response_field", "g-recaptcha-response", "h-captcha-response");
$max_filesize = 20000*1024;
$upload_folder = "upload";
$upload_folder = "http://" . $_SERVER['HTTP_HOST'] . dirname($_SERVER['SCRIPT_NAME'])."/".$upload_folder;
$mail = new PHPMailer(true);
try
{
$mail->IsSMTP();
$mail->Host = 'brains.com.ph';
$mail->Port = 465;
$mail->SMTPAuth = true;
$mail->Username = 'enrolment@brains.com.ph';
$mail->Password = '02O5i9g%';
$mail->SMTPSecure = 'ssl';
$mail->Subject = stripslashes($subject);
$mail->From = $mailfrom;
$mail->FromName = $mailfrom;
$mailto_array = explode(",", $mailto);
for ($i = 0; $i < count($mailto_array); $i++)
{
if(trim($mailto_array[$i]) != "")
{
$mail->AddAddress($mailto_array[$i], "");
}
}
if (!ValidateEmail($mailfrom))
{
$error .= "The specified email address (" . $mailfrom . ") is invalid!\n<br>";
throw new Exception($error);
}
$mail->AddReplyTo($mailfrom);
$prefix = rand(111111, 999999);
$file_count = 0;
foreach ($_FILES as $key => $value)
{
if (is_array($_FILES[$key]['name']))
{
$count = count($_FILES[$key]['name']);
for ($file = 0; $file < $count; $file++)
{
if ($_FILES[$key]['name'][$file] != "" and file_exists($_FILES[$key]['tmp_name'][$file]) and $_FILES[$key]['size'][$file] > 0)
{
$upload_DstName[$file_count] = $prefix . "_" . str_replace(" ", "_", $_FILES[$key]['name'][$file]);
$upload_SrcName[$file_count] = $_FILES[$key]['name'][$file];
$upload_Size[$file_count] = $_FILES[$key]['size'][$file];
$upload_Temp[$file_count] = $_FILES[$key]['tmp_name'][$file];
$upload_URL[$file_count] = "$upload_folder/$upload_DstName[$file_count]";
$upload_FieldName[$file_count] = $key;
$file_count++;
}
}
}
else
if ($_FILES[$key]['name'] != "" and file_exists($_FILES[$key]['tmp_name']) and $_FILES[$key]['size'] > 0)
{
$upload_DstName[$file_count] = $prefix . "_" . str_replace(" ", "_", $_FILES[$key]['name']);
$upload_SrcName[$file_count] = $_FILES[$key]['name'];
$upload_Size[$file_count] = $_FILES[$key]['size'];
$upload_Temp[$file_count] = $_FILES[$key]['tmp_name'];
$upload_URL[$file_count] = "$upload_folder/$upload_DstName[$file_count]";
$upload_FieldName[$file_count] = $key;
$file_count++;
}
}
for ($i = 0; $i < $file_count; $i++)
{
if ($upload_Size[$i] >= $max_filesize)
{
$error .= "The size of $key (file: $upload_SrcName[$i]) is bigger than the allowed " . $max_filesize/1024 . " Kbytes!\n";
throw new Exception($error);
}
}
$uploadfolder = basename($upload_folder);
for ($i = 0; $i < $file_count; $i++)
{
$uploadFile = $uploadfolder . "/" . $upload_DstName[$i];
if (!is_dir($uploadfolder) || !is_writable($uploadfolder))
{
$error = 'Upload directory is not writable, or does not exist.';
throw new Exception($error);
}
move_uploaded_file($upload_Temp[$i] , $uploadFile);
$name = "$" . $upload_FieldName[$i];
$message = str_replace($name, $upload_URL[$i], $message);
}
$message .= $eol;
$message .= "IP Address : ";
$message .= $_SERVER['REMOTE_ADDR'];
$message .= $eol;
foreach ($_POST as $key => $value)
{
if (!in_array(strtolower($key), $internalfields))
{
if (is_array($value))
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . implode(",", $value) . $eol;
}
else
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . $value . $eol;
}
}
}
if ($file_count > 0)
{
$message .= "\nThe following files have been uploaded:\n";
for ($i = 0; $i < $file_count; $i++)
{
$message .= $upload_SrcName[$i] . ": " . $upload_URL[$i] . "\n";
}
}
$mail->CharSet = 'UTF-8';
$mail->WordWrap = 80;
$mail->Body = $message;
$mail->Send();
header('Location: '.$success_url);
}
catch (Exception $e)
{
$errorcode = file_get_contents($error_url);
$replace = "##error##";
$errorcode = str_replace($replace, $e->getMessage(), $errorcode);
echo $errorcode;
}
exit;
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Notify_Us</title>
<meta name="description" content="The most diversified top review center in the Philippines. Offers prep courses for Medical Boards and the NMAT, Chemistry Boards, UPCAT, UPLAE, and Science High School Entrance exams. ">
<meta name="keywords" content="brains training and review, review center, NMAT, UPCAT, UPLAE, Chemistry Boards, Medical Boards, Science Prep">
<meta name="author" content="BRAINS Training and Review">
<meta name="categories" content="education, training, review programs">
<meta name="generator" content="WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com">
<link href="web_icon5.ico" rel="shortcut icon" type="image/x-icon">
<style type="text/css">
div#container
{
width: 1000px;
position: relative;
margin: 0 auto 0 auto;
text-align: left;
}
body
{
background-color: #C5DEB5;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 11px;
line-height: 1.1875;
margin: 0;
text-align: center;
}
a
{
color: #A52A00;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #00005E;
}
a:hover
{
color: #004040;
text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
outline: none;
}
</style>
<link href="wb.validation.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family ... splay=swap" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family ... splay=swap" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family ... splay=swap" rel="stylesheet" type="text/css">
<style type="text/css">
#wb_Image4
{
vertical-align: top;
}
#Image4
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#wb_Image3
{
vertical-align: top;
}
#Image3
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#wb_Image1
{
vertical-align: top;
}
#Image1
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#wb_Text27
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: center;
}
#wb_Text27 div
{
text-align: center;
}
#Shape2
{
border-width: 0;
vertical-align: top;
}
#wb_Text1
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text1 div
{
text-align: left;
}
#wb_Form2
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
}
#wb_Text3
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text3 div
{
text-align: left;
}
#Editbox2
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox2:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text26
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text26 div
{
text-align: left;
}
#Editbox1
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox1:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text5
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text5 div
{
text-align: left;
}
#RadioButton2
{
margin: 0;
}
#wb_Text4
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text4 div
{
text-align: left;
}
#RadioButton1
{
margin: 0;
}
#wb_Text7
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text7 div
{
text-align: left;
}
#Editbox4
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox4:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text6
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text6 div
{
text-align: left;
}
#Editbox3
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox3:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text9
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text9 div
{
text-align: left;
}
#Editbox6
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox6:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text8
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text8 div
{
text-align: left;
}
#Editbox5
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox5:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text11
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text11 div
{
text-align: left;
}
#Editbox8
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox8:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text10
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text10 div
{
text-align: left;
}
#Editbox7
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox7:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text13
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text13 div
{
text-align: left;
}
#Editbox10
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox10:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text12
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text12 div
{
text-align: left;
}
#TextArea2
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
margin: 0;
text-align: left;
overflow: auto;
resize: none;
}
#TextArea2:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text15
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text15 div
{
text-align: left;
}
#Editbox9
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox9:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#Editbox12
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#Editbox12:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_Text14
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text14 div
{
text-align: left;
}
#wb_Text17
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text17 div
{
text-align: left;
}
#wb_Text16
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text16 div
{
text-align: left;
}
#Checkbox2
{
margin: 0;
}
#AdvancedButton1
{
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 11px;
}
#AdvancedButton1 p
{
margin: 0;
padding: 0;
}
#AdvancedButton2
{
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 11px;
}
#AdvancedButton2 p
{
margin: 0;
padding: 0;
}
#wb_Text21
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text21 div
{
text-align: left;
}
#FileUpload1
{
border: 1px solid #000000;
border-radius: 0px;
background-color: #FFFAF0;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
margin: 0;
}
#wb_Text22
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text22 div
{
text-align: left;
}
#wb_Text23
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text23 div
{
text-align: left;
}
#wb_Text24
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text24 div
{
text-align: left;
}
#wb_Text25
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text25 div
{
text-align: left;
}
#wb_Text20
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text20 div
{
text-align: left;
}
#FileUpload2
{
border: 1px solid #000000;
border-radius: 0px;
background-color: #FFFAF0;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
margin: 0;
}
#FileUpload3
{
border: 1px solid #000000;
border-radius: 0px;
background-color: #FFFAF0;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
margin: 0;
}
#FileUpload4
{
border: 1px solid #000000;
border-radius: 0px;
background-color: #FFFAF0;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
margin: 0;
}
#wb_Text18
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: justify;
}
#wb_Text18 div
{
text-align: justify;
}
#wb_Text19
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: justify;
}
#wb_Text19 div
{
text-align: justify;
}
#wb_Text2
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text2 div
{
text-align: left;
}
#wb_Text28
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_Text28 div
{
text-align: left;
}
#wb_Captcha1 span
{
display: block;
overflow: hidden;
padding: 0 0px 0 5px;
}
#Captcha1
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: "Courier New";
font-weight: normal;
font-style: normal;
font-size: 13px;
padding: 0;
margin: 0;
text-align: left;
}
#notify_usEditbox1
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#notify_usEditbox1:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_notify_usText1
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_notify_usText1 div
{
text-align: left;
}
#notify_usEditbox2
{
border: 1px solid #C0C0C0;
border-radius: 0px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;
text-align: left;
}
#notify_usEditbox2:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_notify_usText2
{
background-color: transparent;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: left;
}
#wb_notify_usText2 div
{
text-align: left;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="wb.validation.min.js"></script>
<script type="text/javascript">
function submitEnrollment_Form()
{
var regexp;
var Editbox2 = document.getElementById('Editbox2');
if (!(Editbox2.disabled || Editbox2.style.display === 'none' || Editbox2.style.visibility === 'hidden'))
{
if (Editbox2.value == "")
{
alert("Please enter your name.");
Editbox2.focus();
return false;
}
}
var Editbox1 = document.getElementById('Editbox1');
if (!(Editbox1.disabled || Editbox1.style.display === 'none' || Editbox1.style.visibility === 'hidden'))
{
if (Editbox1.value == "")
{
alert("Please enter the program you're enrolling in.");
Editbox1.focus();
return false;
}
}
var Editbox4 = document.getElementById('Editbox4');
if (!(Editbox4.disabled || Editbox4.style.display === 'none' || Editbox4.style.visibility === 'hidden'))
{
if (Editbox4.value == "")
{
alert("Please enter a value for the \"School\" field.");
Editbox4.focus();
return false;
}
}
var Editbox3 = document.getElementById('Editbox3');
if (!(Editbox3.disabled || Editbox3.style.display === 'none' || Editbox3.style.visibility === 'hidden'))
{
if (Editbox3.value == "")
{
alert("Please enter a value for the \"Course and Grad year\" field.");
Editbox3.focus();
return false;
}
}
var Editbox6 = document.getElementById('Editbox6');
if (!(Editbox6.disabled || Editbox6.style.display === 'none' || Editbox6.style.visibility === 'hidden'))
{
regexp = /^[-+]?\d*\.?\d*$/;
if (!regexp.test(Editbox6.value))
{
alert("Please input your phone number");
Editbox6.focus();
return false;
}
if (Editbox6.value == "")
{
alert("Please input your phone number");
Editbox6.focus();
return false;
}
}
var Editbox5 = document.getElementById('Editbox5');
if (!(Editbox5.disabled || Editbox5.style.display === 'none' || Editbox5.style.visibility === 'hidden'))
{
regexp = /^([0-9a-z]([-.\w]*[0-9a-z])*@(([0-9a-z])+([-\w]*[0-9a-z])*\.)+[a-z]{2,6})$/i;
if (!regexp.test(Editbox5.value))
{
alert("Please input a valid email address");
Editbox5.focus();
return false;
}
if (Editbox5.value == "")
{
alert("Please input a valid email address");
Editbox5.focus();
return false;
}
}
var Editbox8 = document.getElementById('Editbox8');
if (!(Editbox8.disabled || Editbox8.style.display === 'none' || Editbox8.style.visibility === 'hidden'))
{
if (Editbox8.value == "")
{
alert("Please enter a value for the \"Bank Branch\" field.");
Editbox8.focus();
return false;
}
}
var Editbox10 = document.getElementById('Editbox10');
if (!(Editbox10.disabled || Editbox10.style.display === 'none' || Editbox10.style.visibility === 'hidden'))
{
if (Editbox10.value == "")
{
alert("Please enter a value for the \"Date of Deposit\" field.");
Editbox10.focus();
return false;
}
}
var Editbox9 = document.getElementById('Editbox9');
if (!(Editbox9.disabled || Editbox9.style.display === 'none' || Editbox9.style.visibility === 'hidden'))
{
if (Editbox9.value == "")
{
alert("Please enter your first choice section.");
Editbox9.focus();
return false;
}
}
var Checkbox2 = document.getElementById('Checkbox2');
if (!(Checkbox2.disabled ||
Checkbox2.style.display === 'none' ||
Checkbox2.style.visibility === 'hidden'))
{
if (Checkbox2.checked != true)
{
alert("");
return false;
}
}
var FileUpload1 = document.getElementById('FileUpload1');
if (FileUpload1.value == "")
{
alert("Please upload proof of payment.");
return false;
}
var FileUpload2 = document.getElementById('FileUpload2');
if (FileUpload2.value == "")
{
alert("Please upload proof of payment.");
return false;
}
var FileUpload3 = document.getElementById('FileUpload3');
if (FileUpload3.value == "")
{
alert("Please upload copy of valid ID.");
return false;
}
var FileUpload4 = document.getElementById('FileUpload4');
if (FileUpload4.value == "")
{
alert("Please upload soft copy of your ID picture.");
return false;
}
var notify_usEditbox1 = document.getElementById('notify_usEditbox1');
if (!(notify_usEditbox1.disabled || notify_usEditbox1.style.display === 'none' || notify_usEditbox1.style.visibility === 'hidden'))
{
if (notify_usEditbox1.value == "")
{
alert("Please enter a value for the \"Parent or Guardian's name\" field.");
notify_usEditbox1.focus();
return false;
}
}
var notify_usEditbox2 = document.getElementById('notify_usEditbox2');
if (!(notify_usEditbox2.disabled || notify_usEditbox2.style.display === 'none' || notify_usEditbox2.style.visibility === 'hidden'))
{
if (notify_usEditbox2.value == "")
{
alert("Please enter a value for the \"Parent or Guardian's contact number\" field.");
notify_usEditbox2.focus();
return false;
}
}
return true;
}
</script>
<script type="text/javascript">
$(document).ready(function()
{
$("#Form2").submit(function(event)
{
var isValid = $.validate.form(this);
return isValid;
});
$("#Editbox7").validate(
{
required: true,
type: 'number',
expr_min: '',
expr_max: '',
value_min: '',
value_max: '',
color_text: '#000000',
color_hint: '#00FF00',
color_error: '#FF0000',
color_border: '#808080',
nohint: false,
font_family: 'Arial',
font_size: '13px',
position: 'topleft',
offsetx: 0,
offsety: 0,
effect: 'none',
error_text: 'Please enter the Amount Paid in numbers only'
});
});
</script>
</head>
<body>
<div id="container">
<div id="wb_EmbeddedPage1" style="position:absolute;left:15px;top:0px;width:970px;height:179px;z-index:52;">
<div id="wb_Image4" style="position:absolute;left:0px;top:0px;width:970px;height:179px;z-index:0;">
<img src="images/TestServ_image01.jpg" id="Image4" alt="" width="970" height="170"></div>
<div id="wb_Image3" style="position:absolute;left:37px;top:24px;width:242px;height:129px;z-index:1;">
<img src="images/logo_brains.jpg" id="Image3" alt="" width="242" height="127"></div>
<div id="wb_Image1" style="position:absolute;left:763px;top:125px;width:159px;height:36px;z-index:2;">
<a href="./index.html"><img src="images/button_brains_active.gif" id="Image1" alt="" title="Back to Home" width="159" height="36"></a></div>
<div id="wb_Text27" style="position:absolute;left:773px;top:137px;width:138px;height:12px;text-align:center;z-index:3;">
<span style="color:#FFFFFF;font-family:Arial;font-size:11px;">Back to Homepage</span></div>
</div>
<div id="wb_Shape2" style="position:absolute;left:15px;top:281px;width:972px;height:1310px;z-index:53;">
<img src="images/img0039.png" id="Shape2" alt="" width="972" height="1310" style="width:972px;height:1310px;"></div>
<div id="wb_Text1" style="position:absolute;left:12px;top:220px;width:914px;height:19px;z-index:54;">
<span style="background-color:#FFFFE0;color:#CB9833;font-family:Roboto;font-size:16px;"> Enrolled online or through the bank? Let us know. Also, do read the explanatory notes below. </span></div>
<div id="wb_Form2" style="position:absolute;left:42px;top:330px;width:921px;height:571px;z-index:55;">
<form name="Enrollment_Form" method="post" action="<?php echo basename(__FILE__); ?>" enctype="multipart/form-data" id="Form2" onsubmit="return submitEnrollment_Form()">
<input type="hidden" name="formid" value="form2">
<div id="wb_Text3" style="position:absolute;left:10px;top:15px;width:204px;height:12px;z-index:4;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Name:</span></div>
<input type="text" id="Editbox2" style="position:absolute;left:224px;top:15px;width:198px;height:18px;z-index:5;" name="Name" value="" spellcheck="false">
<div id="wb_Text26" style="position:absolute;left:10px;top:40px;width:204px;height:12px;z-index:6;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Program Enrolled</span></div>
<input type="text" id="Editbox1" style="position:absolute;left:224px;top:40px;width:198px;height:18px;z-index:7;" name="Program Enrolled" value="" spellcheck="false">
<div id="wb_Text5" style="position:absolute;left:252px;top:94px;width:204px;height:12px;z-index:8;">
<span style="color:#000000;font-family:Arial;font-size:11px;">I prefer the following Sections</span></div>
<input type="radio" id="RadioButton2" name="RadioButton1" value="Preference" style="position:absolute;left:225px;top:94px;z-index:9;">
<div id="wb_Text4" style="position:absolute;left:252px;top:76px;width:204px;height:12px;z-index:10;">
<span style="color:#000000;font-family:Arial;font-size:11px;">I only want to be placed strictly in Section</span></div>
<input type="radio" id="RadioButton1" name="RadioButton1" value="Strictly" style="position:absolute;left:225px;top:74px;z-index:11;">
<div id="wb_Text7" style="position:absolute;left:11px;top:176px;width:204px;height:12px;z-index:12;">
<span style="color:#000000;font-family:Arial;font-size:11px;">School</span></div>
<input type="text" id="Editbox4" style="position:absolute;left:224px;top:170px;width:198px;height:18px;z-index:13;" name="School" value="" spellcheck="false">
<div id="wb_Text6" style="position:absolute;left:11px;top:201px;width:204px;height:12px;z-index:14;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Course/Graduation year</span></div>
<input type="text" id="Editbox3" style="position:absolute;left:225px;top:192px;width:198px;height:18px;z-index:15;" name="Course and Grad year" value="" spellcheck="false">
<div id="wb_Text9" style="position:absolute;left:11px;top:223px;width:204px;height:12px;z-index:16;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Contact Phone:</span></div>
<input type="number" id="Editbox6" style="position:absolute;left:225px;top:216px;width:198px;height:18px;z-index:17;" name="phone" value="" spellcheck="false">
<div id="wb_Text8" style="position:absolute;left:11px;top:245px;width:204px;height:12px;z-index:18;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Email</span></div>
<input type="email" id="Editbox5" style="position:absolute;left:225px;top:240px;width:198px;height:18px;z-index:19;" name="email" value="" spellcheck="false">
<div id="wb_Text11" style="position:absolute;left:11px;top:271px;width:204px;height:12px;z-index:20;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Bank Branch/Name of Wallet</span></div>
<input type="text" id="Editbox8" style="position:absolute;left:225px;top:264px;width:198px;height:18px;z-index:21;" name="Bank Branch" value="" spellcheck="false">
<div id="wb_Text10" style="position:absolute;left:11px;top:297px;width:204px;height:12px;z-index:22;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Amount paid</span></div>
<input type="number" id="Editbox7" style="position:absolute;left:225px;top:288px;width:198px;height:18px;z-index:23;" name="Amount Paid" value="" spellcheck="false">
<div id="wb_Text13" style="position:absolute;left:11px;top:317px;width:204px;height:12px;z-index:24;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Date of deposit</span></div>
<input type="date" id="Editbox10" style="position:absolute;left:225px;top:313px;width:198px;height:18px;z-index:25;" name="Date of Deposit" value="" autocomplete="off" spellcheck="false">
<div id="wb_Text12" style="position:absolute;left:536px;top:43px;width:331px;height:129px;z-index:26;">
<span style="color:#000000;font-family:Arial;font-size:12px;line-height:13px;"><strong>REQUEST FOR FACE-TO-FACE CLASSES, GROUP PLACEMENTS</strong></span><span style="color:#000000;font-family:Arial;font-size:11px;line-height:13px;"><br></span><span style="color:#000000;font-family:Arial;font-size:12px;line-height:18px;"><br></span><span style="color:#000000;font-family:Arial;font-size:12px;line-height:18px;">Note: If you want to be placed in the face-to-face class, please indicate your request here<br></span><span style="color:#000000;font-family:Arial;font-size:12px;line-height:18px;">Please indicate whether you want to be placed "STRICTLY F2F" or you simply "PREFER F2F". Please see explanation of Strictly and Preference choices below.</span></div>
<textarea name="Message" id="TextArea2" style="position:absolute;left:536px;top:188px;width:352px;height:194px;z-index:27;" rows="13" cols="41" autocomplete="off" spellcheck="false"></textarea>
<div id="wb_Text15" style="position:absolute;left:137px;top:80px;width:80px;height:12px;z-index:28;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Section Choice*</span></div>
<input type="text" id="Editbox9" style="position:absolute;left:227px;top:118px;width:86px;height:18px;z-index:29;" name="First Choice Section" value="" spellcheck="false">
<input type="text" id="Editbox12" style="position:absolute;left:330px;top:118px;width:86px;height:18px;z-index:30;" name="Second Choice Section" value="" spellcheck="false">
<div id="wb_Text14" style="position:absolute;left:224px;top:143px;width:91px;height:12px;z-index:31;">
<span style="color:#000000;font-family:Arial;font-size:11px;">First/Only Choice</span></div>
<div id="wb_Text17" style="position:absolute;left:335px;top:143px;width:89px;height:12px;z-index:32;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Second Choice</span></div>
<div id="wb_Text16" style="position:absolute;left:572px;top:393px;width:318px;height:24px;z-index:33;">
<span style="color:#000000;font-family:Arial;font-size:11px;">I have read the<a href="./terms_of_enrollment.html" class="style2" target="_blank"> Terms of Enrollment</a> and the <a href="./TC_Online_Classes.html">Terms and Conditions for Online Classes</a> and agree to abide by them.</span></div>
<input type="checkbox" id="Checkbox2" name="Checkbox2" value="Yes" style="position:absolute;left:549px;top:390px;z-index:34;" onClick="this.form.send.disabled=this.checked ? false : true">
<button id="AdvancedButton1" type="submit" style="position:absolute;left:569px;top:529px;width:117px;height:31px;z-index:35;" name="send" value="Submit" disabled><p>Submit</p></button>
<button id="AdvancedButton2" type="reset" style="position:absolute;left:716px;top:529px;width:117px;height:32px;z-index:36;" name="Reset" value="Reset"><p>Reset</p></button>
<div id="wb_Text21" style="position:absolute;left:13px;top:401px;width:81px;height:15px;z-index:37;">
<span style="color:#000000;font-family:Arial;font-size:13px;"><strong>UPLOADS:</strong></span></div>
<input type="file" name="Proof_of_Payment" id="FileUpload1" style="position:absolute;left:230px;top:416px;width:211px;height:28px;line-height:28px;z-index:38;" multiple>
<div id="wb_Text22" style="position:absolute;left:132px;top:420px;width:116px;height:12px;z-index:39;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Proof of Payment</span></div>
<div id="wb_Text23" style="position:absolute;left:132px;top:465px;width:116px;height:12px;z-index:40;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Signed Undertaking</span></div>
<div id="wb_Text24" style="position:absolute;left:132px;top:508px;width:116px;height:12px;z-index:41;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Valid ID</span></div>
<div id="wb_Text25" style="position:absolute;left:132px;top:549px;width:116px;height:12px;z-index:42;">
<span style="color:#000000;font-family:Arial;font-size:11px;">ID picture</span></div>
<div id="wb_Text20" style="position:absolute;left:572px;top:433px;width:349px;height:12px;z-index:43;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Copy the letters onto the blank provided.</span></div>
<input type="file" name="Signed_Undertaking" id="FileUpload2" style="position:absolute;left:230px;top:455px;width:211px;height:28px;line-height:28px;z-index:44;" multiple>
<input type="file" name="ValidID" id="FileUpload3" style="position:absolute;left:230px;top:494px;width:211px;height:28px;line-height:28px;z-index:45;" multiple>
<input type="file" name="ID_Pic" id="FileUpload4" style="position:absolute;left:230px;top:532px;width:211px;height:28px;line-height:28px;z-index:46;" multiple>
<div id="wb_Captcha1" style="position:absolute;left:567px;top:456px;width:293px;height:52px;z-index:47;">
<img src="captcha1.php" alt="Click for new image" title="Click for new image" style="cursor:pointer;float:left;width:100px;height:38px;" onclick="this.src='captcha1.php?'+Math.random()">
<span><input type="text" id="Captcha1" style="margin-top:20px;width:calc(100% - 2px);height:16px;" name="captcha" value="" tabindex="6" spellcheck="false"></span></div>
<input type="text" id="notify_usEditbox1" style="position:absolute;left:225px;top:343px;width:198px;height:18px;z-index:48;" name="Parent or Guardian's name" value="" autocomplete="off" spellcheck="false">
<div id="wb_notify_usText1" style="position:absolute;left:10px;top:347px;width:204px;height:12px;z-index:49;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Parent or Guardian's name</span></div>
<input type="number" id="notify_usEditbox2" style="position:absolute;left:225px;top:370px;width:198px;height:18px;z-index:50;" name="Parent or Guardian's contact number" value="" autocomplete="off" spellcheck="false">
<div id="wb_notify_usText2" style="position:absolute;left:11px;top:372px;width:204px;height:12px;z-index:51;">
<span style="color:#000000;font-family:Arial;font-size:11px;">Parent or Guardian's contact number</span></div>
</form>
</div>
<div id="wb_Text18" style="position:absolute;left:57px;top:919px;width:425px;height:473px;text-align:justify;z-index:56;">
<span style="color:#000000;font-family:Arial;font-size:13px;line-height:19px;">*<strong>Modes of Choosing Sections: "Preference" and "Strictly"</strong></span><span style="color:#000000;font-family:Arial;font-size:11px;line-height:16px;"><br><br></span><span style="color:#000000;font-family:Arial;font-size:13px;line-height:19px;">For classes where there are more than one section offering, there are two modes an applicant can choose a class: preference and strictly.<br><br><strong>Preference </strong>mode<strong> </strong>is done by indicating first and second choices. The applicant is placed in his or her first choice if a seat is available. Otherwise, he or she is placed in the second choice. Placement in new sections is automatically made if a new section is opened with the same venue and time slot as the closed, first choice section. Payment will be refunded if and only if no slots can be given to an applicant in any of the prefered sections or their parallel schedules. <br><br><strong>Strictly </strong>mode is used when the applicant has only one choice of schedule. When a section is closed when we receive notification, and no new class opens with the same schedule and venue, all payments are returned in full. If a new class opens with the same schedule and venue, the applicant will be automatically placed in the new class and no payment is returned.<br><br>Students who choose the STRICTLY mode do not get reservations in classes outside of their choice sections. If they change their minds and want to reserve, their admission in another section depends on the available slots at the time they notify us of their change of mind.<br></span></div>
<div id="wb_Text19" style="position:absolute;left:561px;top:919px;width:374px;height:348px;text-align:justify;z-index:57;">
<span style="color:#000000;font-family:Arial;font-size:13px;line-height:18px;"><strong>Strictly and no other...</strong><br><br>If, for some reason, the applicant wants to be enrolled in one specific section and in no other, even if new sections are opened, the applicant must choose "strictly", indicate his or her section choice, and write specific instructions to this effect in the request box.<br><br>A full refund will be made if the instruction cannot be accommodated.<br><br>Without this specific instruction, the applicant will be presumed to have chosen the regular "strictly" classification.<br><br><strong>For Courses with only One Section</strong><br><br>For courses where only one section is opened, choose "strictly" and write "A" for first choice.<br></span><span style="color:#000000;font-family:Arial;font-size:11px;line-height:13px;"><br></span></div>
<div id="wb_Text2" style="position:absolute;left:563px;top:1267px;width:363px;height:226px;z-index:58;">
<span style="color:#000000;font-family:Arial;font-size:13px;"><strong>FACE-TO FACE CLASSES</strong></span><span style="color:#000000;font-family:Arial;font-size:11px;"><strong><br><br><br></strong></span><span style="color:#000000;font-family:Arial;font-size:13px;">Requests for face to face class seats are accommodated based on the following:<br><br>1. Availability of Slots<br>2. First come, first served basis.<br>3. Rules based on government imposed regulations<br><br>F2F students are required to be fully-vaccinated, follow strict health protocols, and sign a waiver. These requirements may be removed if and when the government declares the pandemic is over. <br></span><span style="color:#000000;font-family:Arial;font-size:11px;"><strong><br></strong></span></div>
<div id="wb_Text28" style="position:absolute;left:775px;top:22px;width:188px;height:92px;z-index:59;">
<span style="color:#FFF2CC;font-family:Roboto;font-size:11px;">301 Ang Bahay ng Alumni, UP Diliman, Quezon City<br><br>Tel. 0995-763-6148, 02-83557408<br><br>Email: info@brains.com.ph<br></span></div>
</div>
</body>
</html>
END HTML
How do I prevent this spam? How do I prevent email to be sent even if the form is blank or incomplete?
Thank you.
Email sending with incomplete form
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/forms.html
http://www.wysiwygwebbuilder.com/form_wizard.html
Frequently Asked Questions about Forms
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/forms.html
http://www.wysiwygwebbuilder.com/form_wizard.html
Frequently Asked Questions about Forms
Re: Email sending with incomplete form
If the form stopped working without you changing something, then the web-host may have changed something on the server side.
The message
You can control this in properties of the form. See also the Form FAQ
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=32967
There are a few other issue with the page:
- it looks like you have two form script on the same page. Did you insert a custom script? If yes, then please remove this.
- The document type of the page should be set to 'HTML5'
- The character-set of the page set should be set the UTF-8
- Internet Explorer compatibility should be 'none', unless yo have a good reason still support IE8!
The message
seems to indicate that 'from' address is not allowed by the host."(unknown sender) via s527.sgp8.mysecurecloudhost.com
You can control this in properties of the form. See also the Form FAQ
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=32967
There are a few other issue with the page:
- it looks like you have two form script on the same page. Did you insert a custom script? If yes, then please remove this.
- The document type of the page should be set to 'HTML5'
- The character-set of the page set should be set the UTF-8
- Internet Explorer compatibility should be 'none', unless yo have a good reason still support IE8!