JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Форма 1  -->

<form action="mail.php" method="post">
					<input type="text" required="" class="form_input name_input" name="name" id="name" placeholder="Имя">
					<input type="text" required="" class="form_input phone_input" name="phone" id="phone" placeholder="Телефон">
					<input type="text" class="form_input task_input" name="task" id="task" placeholder="Описание задания">
					<div class="form_buttons">
						<div class="file-upload">
							<label>
								<input id="image_file" type="file" name="file[]" class="hidden file_input">
								<span>Выберите файл</span>
							</label>
						</div>
						<div class="form_buttons-order">
							<button type="submit" id="submits" class="footer_order submit_btn">Оставить заявку</button>
						</div>
					</div>
				</div>
			</form>
    <!--  -->
    
    <!-- Форма 2 -->

<div style="display: none;">
		<div id="call_container">
			<a href="#" class="arcticmodal-close">X</a>
			<form action="mail.php" method="post" id="call_form">
				<input type="text" class="form_inputname_input" name="name" id="name" placeholder="Имя" required="">
					<input type="text" class="form_input phone_input" name="phone" id="phone" placeholder="Телефон" required="">
					<input type="text" class="form_input message_input" name="message" id="message" placeholder="Ваше сообщение">
					<button type="submit" class="submit_btn">Заказать звонок</button>
			</form>
		</div>
	</div>
  
  <!--  -->

CSS

<?php 















  if(empty($_POST['name'])) exit("Введите Имя");



  if(empty($_POST['phone'])) exit("Введите Телефон");







  $_POST['name'] = htmlspecialchars(stripslashes($_POST['name'])); 







  $_POST['phone'] = htmlspecialchars(stripslashes($_POST['phone'])); 







  $_POST['mail_msg'] = htmlspecialchars(stripslashes($_POST['task'])); 







  $picture = ""; 







  // Если поле выбора вложения не пустое - закачиваем его на сервер 







   



  if (!empty($_FILES[0]['tmp_name'])) 







  { 







    // Закачиваем файл 







    $path = "uploads/".$_FILES[0]['name']; 







	if (copy($_FILES[0]['tmp_name'], $path)) $picture = $path; 



	



  } 







  $thm = $_POST['name'];



  $msg = $_POST['phone'];



  $mail_to = $_POST['task'];



  



  $mail_to = "[email protected]";



  $thm= "Заявка";



  



  //$sendto   = "[email protected]"; // почта, на которую будет приходить письмо



	$sendto   = "[email protected]"; // почта, на которую будет приходить письмо



	$name = $_POST['name'];   // сохраняем в переменную данные полученные из поля c именем



	$phone = $_POST['phone']; // сохраняем в переменную данные полученные из поля c телефонным номером



	$email = $_POST['task']; // сохраняем в переменную данные полученные из поля c адресом электронной почты







	$msg  = "Имя: $name \n\nТелефон: $phone \n\nОписание задания: $email";







  // Отправляем почтовое сообщение 







  if(empty($picture)) { mail($mail_to, $thm, $msg);  }







  else send_mail($mail_to, $thm, $msg, $picture); 







  // Вспомогательная функция для отправки почтового сообщения с вложением 







  function send_mail($to, $thm, $html, $path) 







  { 



  







    $fp = fopen($path,"r"); 







    if (!$fp) 







    { 







      print "Файл $path не может быть прочитан"; 







      exit(); 







    } 







    $file = fread($fp, filesize($path)); 







    fclose($fp); 







    







    $boundary =...

JavaScript

var files;$('#image_file').change(function(){files=this.files;});$('.submit_btn').click(function(){var data=new FormData();$.each(files,function(key,value){data.append(key,value);});var form_phone=$("#phone").val();var form_name=$("#name").val();var form_message=$("#message").val();var form_email=$("#task").val();data.append("task",form_email);data.append("name",form_name);data.append("message",form_message);data.append("phone",form_phone);$.ajax({url:'mail.php',data:data,processData:false,contentType:false,type:'POST',success:function(data){$.magnificPopup.open({items:{src:'#thanks'}});}});});$('.submit_btn').magnificPopup();