Mazas darbelis java+php

Sveiki, ar kas nors gali isspresti sia problema. Turiu html javascript ir php kodus.

HTML

<div class="container-contact100">
	<div class="wrap-contact100">
		<form class="contact100-form validate-form">
			<span class="contact100-form-title">
				Say Hello!
			</span>

			<div class="wrap-input100 validate-input" data-validate="Name is required">
				<span class="label-input100">Your Name</span>
				<input class="input100" type="text" name="name" placeholder="Enter your name">
				<span class="focus-input100"></span>
			</div>

			<div class="wrap-input100 validate-input" data-validate = "Valid email is required: [email protected]">
				<span class="label-input100">Email</span>
				<input class="input100" type="text" name="email" placeholder="Enter your email addess">
				<span class="focus-input100"></span>
			</div>

			<div class="wrap-input100 input100-select">
				<span class="label-input100">Needed Services</span>
				<div>
					<select class="selection-2" name="service">
						<option>Choose Services</option>
						<option>Online Store</option>
						<option>eCommerce Bussiness</option>
						<option>UI/UX Design</option>
						<option>Online Services</option>
					</select>
				</div>
				<span class="focus-input100"></span>
			</div>

			<div class="wrap-input100 input100-select">
				<span class="label-input100">Budget</span>
				<div>
					<select class="selection-2" name="budget">
						<option>Select Budget</option>
						<option>1500 {:content:}lt;/option>
						<option>2000 {:content:}lt;/option>
						<option>2500 {:content:}lt;/option>
					</select>
				</div>
				<span class="focus-input100"></span>
			</div>

			<div class="wrap-input100 validate-input" data-validate = "Message is required">
				<span class="label-input100">Message</span>
				<textarea class="input100" name="message" placeholder="Your message here..."></textarea>
				<span class="focus-input100"></span>
			</div>

			<div class="container-contact100-form-btn">
				<div class="wrap-contact100-form-btn">
					<div class="contact100-form-bgbtn"></div>
					<button class="contact100-form-btn">
						<span>
							Submit
							<i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i>
						</span>
					</button>
				</div>
			</div>
		</form>

JAVA

(function ($) {
   "use strict";


   /*==================================================================
   [ Focus Contact2 ]*/
   $('.input100').each(function(){
       $(this).on('blur', function(){
           if($(this).val().trim() != "") {
               $(this).addClass('has-val');
           }
           else {
               $(this).removeClass('has-val');
           }
       })    
   })


   /*==================================================================
   [ Validate ]*/
   var name = $('.validate-input input[name="name"]');
   var email = $('.validate-input input[name="email"]');
   var message = $('.validate-input textarea[name="message"]');


   $('.validate-form').on('submit',function(){
       var check = true;

       if($(name).val().trim() == ''){
           showValidate(name);
           check=false;
       }


       if($(email).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
           showValidate(email);
           check=false;
       }

       if($(message).val().trim() == ''){
           showValidate(message);
           check=false;
       }

       return check;
   });


   $('.validate-form .input100').each(function(){
       $(this).focus(function(){
  		hideValidate(this);
  	});
   });

   function showValidate(input) {
       var thisAlert = $(input).parent();

       $(thisAlert).addClass('alert-validate');
   }

   function hideValidate(input) {
       var thisAlert = $(input).parent();

       $(thisAlert).removeClass('alert-validate');
   }



})(jQuery);

PHP send mail

<?php

$errorMSG = "";

// NAME
if (empty($_POST["name"])) {
   $errorMSG = "Name is required ";
} else {
   $name = $_POST["name"];
}

// EMAIL
if (empty($_POST["email"])) {
   $errorMSG .= "Email is required ";
} else {
   $email = $_POST["email"];
}

// MSG SUBJECT
if (empty($_POST["msg_subject"])) {
   $errorMSG .= "Subject is required ";
} else {
   $msg_subject = $_POST["msg_subject"];
}


// MESSAGE
if (empty($_POST["message"])) {
   $errorMSG .= "Message is required ";
} else {
   $message = $_POST["message"];
}


$EmailTo = "[email protected]";
$Subject = "New Message Received";

// prepare email body text
$Body = "";
$Body .= "Name: ";
$Body .= $name;
$Body .= "\n";
$Body .= "Email: ";
$Body .= $email;
$Body .= "\n";
$Body .= "Subject: ";
$Body .= $msg_subject;
$Body .= "\n";
$Body .= "Message: ";
$Body .= $message;
$Body .= "\n";

// send email
$success = mail($EmailTo, $Subject, $Body, "From:".$email);

// redirect to success page
if ($success && $errorMSG == ""){
  echo "success";
}else{
   if($errorMSG == ""){
       echo "Something went wrong :(";
   } else {
       echo $errorMSG;
   }
}

?>

Man neiseina padaryti, kad jei nera klaidu issiutu man laiska i el. pasta. Kas gali padeti pm su kainom. Send mail. ka reikia pakeisti zinau, bet su javascript kodu, nezinau kur reikia ideti koda, kad po patikrinimo ar forma teisingai uzpildyta, siustu man laiska i el. pasta.

Javascript, ne Java ;)

Javascript, ne Java ;)

Aciu uz pastaba :)

<form class="contact100-form validate-form" id="form" action="" method="POST">

Pirma reikia padaryti kad tavo forma atliktu POST metoda ant submito.

$('.validate-form').on('submit',function(e){

         e.preventDefault();

       if($(name).val().trim() == ''){
           showValidate(name);
           return;
       }


       if($(email).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
           showValidate(email);
           return;
       }

       if($(message).val().trim() == ''){
           showValidate(message);
           return;
       }

       $('#form').submit();

   });

e.preventDefault() - sustabdo formos submitinima, ir leidzia js padaryti validation.

return - sustabdo funkcija jeigu reikia rodyti erroris

form submit - leidzia toliau submitinti forma

Edit:

as speju kad php kodas yra tame paciame puslapyje kaip ir formos html, kitu atveju reikia pakeisti action

jeigu php butu patalpintas kazkur kitur, galetum postinti su AJAX, bet tada reiktu pasidaryti kad php grazintu json atsakymus

butinai pagalvok apie recaptcha integravima, nes uzspamins