daily pastebin goal
41%
SHARE
TWEET

Untitled

a guest Nov 25th, 2017 42 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <form id="mc-form"  method="POST">
  2.                                                 <div class="form-group col-xs-12 ">
  3.                                                     <label for="name" hidden >שם פרטי</label>
  4.                                                     <input type="text" name="name" id="name" class="cv form-control"  placeholder="שם פרטי"  >
  5.                                                      <span class='error-message' id='name-error'></span>
  6.  
  7.                                                 </div>
  8.                                                 <div class="form-group col-xs-12 ">
  9.                                                     <label for="phone" hidden>טלפון</label>
  10.                                                     <input type="text" name="phone" id="phone" class="cv form-control"  placeholder="טלפון" >
  11.                                                      <span class='error-message' id='phone-error'></span>
  12.                                                 </div>
  13.                                                 <div class="form-group col-xs-12 ">
  14.                                                     <label for="email" hidden>דואר אלקטרוני</label>
  15.                                                     <input type="email" name="email" id="email" class="cv form-control"  placeholder="דואר אלקטרוני" >
  16.                                                      <span class='error-message' id='email-error'></span>
  17.                                                 </div>
  18.                                                 <div class="form-group col-xs-12 ">
  19.                                                     <label for="subject" hidden>נושא</label>
  20.                                                     <input type="text" name="subject" id="subject" class="cv form-control" placeholder="נושא" >
  21.                                                 </div>
  22.                                                 <div class="form-group col-xs-12 ">
  23.                                                     <label for="message" hidden>הודעה</label>
  24.                                                     <textarea name="message" id="message" class="cv form-control message"  placeholder="השאירו את הודעתכם פה" rows="4" cols="50" ></textarea>
  25.                                                 </div>
  26.                                                <!-- <input type="submit" id="submit-button" class="btn btn-custom-outline " value="שלח" > -->
  27.                                                 <button onclick='return validateForm()' class="btn btn-custom-outline " id="submit-button">שלח</button>
  28.                                                   <span class='error-message' id='submit-error'></span>
  29.                                                   <span class="success">Thank's for submitting the form</span>
  30.  
  31.                                                 <br>
  32.                                                <!-- <div class="success"><?= $success ?></div>-->
  33.                                                 <!--<span class="error"></span> -->
  34.                                             </form>
  35.    
  36. function validateName() {
  37.  
  38.   var name = document.getElementById('name').value;
  39.  
  40.   if(name.length == 0) {
  41.  
  42.     producePrompt('Name is required', 'name-error' , 'red')
  43.     return false;
  44.  
  45.   }
  46.  
  47.   if (!name.match( /^[a-zא-ת]+(s[a-zא-ת]+)*$/i)) {
  48.  
  49.     producePrompt('Letters only please.','name-error', 'red');
  50.     return false;
  51.  
  52.   }
  53.  
  54.  
  55.   return true;
  56.  
  57. }
  58.  
  59. function validatePhone() {
  60.  
  61.   var phone = document.getElementById('phone').value;
  62.  
  63.     if(phone.length == 0) {
  64.       producePrompt('Phone number is required.', 'phone-error', 'red');
  65.       return false;
  66.     }
  67.  
  68.     if(!phone.match(/([0-9s-]{7,})(?:s*(?:#|x.?|ext.?|extension)s*(d+))?$/)) {
  69.       producePrompt('Include only digits| min :8 ' ,'phone-error', 'red');
  70.       return false;
  71.     }
  72.  
  73.  
  74.     return true;
  75.  
  76. }
  77.  
  78. function validateEmail () {
  79.  
  80.   var email = document.getElementById('email').value;
  81.  
  82.   if(email.length == 0) {
  83.  
  84.     producePrompt('Email is required','email-error', 'red');
  85.     return false;
  86.  
  87.   }
  88.  
  89.   if(!email.match(/^[A-Za-z._-[0-9]*[@][A-Za-z]*[.][a-z]{2,4}$/)) {
  90.  
  91.     producePrompt('Email Invalid', 'email-error', 'red');
  92.     return false;
  93.  
  94.   }
  95.  
  96.  
  97.   return true;
  98.  
  99. }
  100.  
  101. /*function validateMessage() {
  102.   var message = document.getElementById('contact-message').value;
  103.   var required = 30;
  104.   var left = required - message.length;
  105.  
  106.   if (left > 0) {
  107.     producePrompt(left + ' more characters required','message-error','red');
  108.     return false;
  109.   }
  110.  
  111.   producePrompt('Valid', 'message-error', 'green');
  112.   return true;
  113.  
  114. }*/
  115.  
  116. function validateForm() {
  117. var vn = validateName();
  118. var vp = validatePhone();
  119. var ve = validateEmail();
  120.  
  121. if (!vn || !vp || !ve)  {
  122.         jsShow('submit-error');
  123.         producePrompt('Please fix errors to submit.', 'submit-error', 'red');
  124.         setTimeout(function(){jsHide('submit-error');}, 2000);
  125.         return false;
  126.     }
  127.      else {
  128.  
  129.   }
  130.  
  131. }
  132.  
  133. function jsShow(id) {
  134.   document.getElementById(id).style.display = 'block';
  135. }
  136.  
  137. function jsHide(id) {
  138.   document.getElementById(id).style.display = 'none';
  139. }
  140.  
  141.  
  142.  
  143.  
  144. function producePrompt(message, promptLocation, color) {
  145.  
  146.   document.getElementById(promptLocation).innerHTML = message;
  147.   document.getElementById(promptLocation).style.color = color;
  148.  
  149.  
  150. }
  151.    
  152. // define variables and set to empty values
  153. $name_error = $email_error = $phone_error = " ";
  154. $name = $email = $phone = $message = $subject = $success = " ";
  155.  
  156. if ($_SERVER["REQUEST_METHOD"] == "POST") {
  157.   if (empty($_POST["name"])) {
  158.     $name_error = "Name is required";
  159.   } else {
  160.     $name = test_input($_POST["name"]);
  161.     // check if name only contains letters and whitespace
  162.     if (!preg_match("/^[a-zA-Zא-ת ]*$/",$name)) {
  163.       $name_error = "Only letters and white space allowed";
  164.     }
  165.   }
  166.  
  167.  
  168.   if (empty($_POST["email"])) {
  169.     $email_error = "Email is required";
  170.   } else {
  171.     $email = test_input($_POST["email"]);
  172.     // check if e-mail address is well-formed
  173.     if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
  174.       $email_error = "Invalid email format";
  175.     }
  176.   }
  177.  
  178.   if (empty($_POST["phone"])) {
  179.     $phone_error = "Phone is required";
  180.   } else {
  181.     $phone = test_input($_POST["phone"]);
  182.     // check if e-mail address is well-formed
  183.     if (!preg_match("/^(d[s-]?)?[([s-]{0,2}?d{3}[)]s-]{0,2}?d{3}[s-]?d{4}$/i",$phone)) {
  184.       $phone_error = "Invalid phone number";
  185.     }
  186.   }
  187.  
  188. if (empty($_POST["subject"])) {
  189.     $subject = "";
  190.   } else {
  191.     $subject = test_input($_POST["subject"]);
  192.   }
  193.  
  194.   if (empty($_POST["message"])) {
  195.     $message = "";
  196.   } else {
  197.     $message = test_input($_POST["message"]);
  198.   }
  199.  
  200.   if ($name_error == '' and $email_error == '' and $phone_error == '' and $lastname_error == '' ){
  201.       $message_body = '';
  202.       unset($_POST['submit']);
  203.       foreach ($_POST as $key => $value){
  204.           $message_body .=  "$key: $valuen";
  205.       }
  206.  
  207.       $to = 'ilonasemyweb@gmail.com';
  208.       $subjectm = 'Contact Form Submit';
  209.       if (mail($to, $subjectm, $message)){
  210.           $success = "Message sent, thank you for contacting us!";
  211.           $name = $lastName = $email = $phone = $message = $subject = '';
  212.       }
  213.   }
  214.  
  215. }
  216.  
  217. function test_input($data) {
  218.   $data = trim($data);
  219.   $data = stripslashes($data);
  220.   $data = htmlspecialchars($data);
  221.   return $data;
  222. }
RAW Paste Data
Top