How to show server side error using jquery and ajax.

How to show server side error using jquery and ajax.

I am new to jquery and php. i have one query that i have mentioned below. plese help me to fix this query.

1.) I want that when i enter email in signup form for signup who already registered in database then a warning message show for account already existense.
I use jquery validation plugin for client side validation and use ajax for form submit.
when i signed up successfully, successfull-message show properly in a div which class is ".signup-success".
but when i enter email that already registered then same div which class is ".signup-success" is appear with no message from server.
i want that email aready exits message show in different div. not in ".signup-success" div.
plzzzzzz help me....   

My Code are below: 
Validate.js
  2. submitHandler: function(form) {

  4.             var fname = $("#fname").val();
  5.             var lname = $("#lname").val();
  6.             var email = $("#email").val();
  7.             var mobile = $("#mobile").val();
  8.             var password = $("#password").val();
  9.             
  10.             var form_data = {
  11.                 fname: fname,
  12.                 lname: lname,
  13.                 email: email,
  14.                 mobile: mobile,
  15.                 password: password
  16.             }
  17.             $.ajax({
  18.                 url: "./script/send.php",
  19.                 data: form_data,
  20.                 type: "POST",
  21.                 beforeSend: function () {
  22.                     $(".signup-process").fadeIn(300);
  23.                 },
  24.                 success: function(data) {
  25.                     $(".signup-process").fadeOut(100);
  26.                     $(".signup-success").fadeIn(500);
  27.                     $("#signup-success-msg").html(data);    
  28.                 }
  29.             });
  30.             return false;
        }


   Index.php 
  2. <section id="signup_sec">
  3.         <div class="container">
  4.             <div class="row">
  5.                 <div class="col-md-12">
  6.                     <div class="wrap-signup">
  7.                         <div class="row">
  8.                             <div class="col-md-5">
  9.                                 <div class="signup_icon">
  10.                                     <img src="assets/img/login.png" class="img-responsive" alt="Image">
  11.                                 </div>
  12.                             </div>
  13.                             <div class="col-md-7 signup-form-wrap">
  14.                                 <h3 class="text-center login-form-title">Create Your Account</h3>
  15.                                 <form action="script/send.php" method="POST" role="form" id="signupForm">
  16.                                     <div class="row">
  17.                                         <div class="col-md-6">
  18.                                             <div class="form-group">
  19.                                                 <input type="text" class="form-control" placeholder="*Firstname" id="fname" name="fname">
  20.                                             </div>
  21.                                         </div>
  22.                                         <div class="col-md-6">
  23.                                             <div class="form-group">
  24.                                                 <input type="text" class="form-control" placeholder="*Lastname" id="lname" name="lname">
  25.                                             </div>
  26.                                         </div>
  27.                                     </div>
  28.                                     <div class="row">
  29.                                         <div class="col-md-6">
  30.                                             <div class="form-group">
  31.                                                 <input type="text" class="form-control" placeholder="*Email" id="email" name="email">
  32.                                             </div>
  33.                                         </div>
  34.                                         <div class="col-md-6">
  35.                                             <div class="form-group">
  36.                                                 <input type="text" class="form-control" placeholder="*Mobile" id="mobile" name="mobile">
  37.                                             </div>
  38.                                         </div>
  39.                                     </div>
  40.                                     <div class="form-group">
  41.                                         <input type="password" class="form-control" placeholder="*Password" id="password" name="password">
  42.                                     </div>
  43.                                     <button type="submit" class="form-control btn btn-success btn-block" id="send" name="send" value="Submit">SUBMIT</button>
  44.                                 </form>
  45.                             </div>
  46.                         </div>
  47.                         <div class="jumbotron signup-success">
  48.                             <div class="container">
  49.                                 <div class="row">
  50.                                     <div class="col-md-6 col-md-offset-3"> 
  51.                                         <div class="signup-success-box">
  52.                                             <div class="signup-success-box-top">
  53.                                                 <img src="assets/img/right.svg" class="img-responsive" alt="Image">
  54.                                             </div>
  55.                                             <div class="signup-success-box-bottom">
  56.                                                 <h2 class="text-center">Success</h2>
  57.                                             <p class="text-center" id="signup-success-msg"></p>
  58.                                             <a href="" type="button" id="close_success_msg" class="btn btn-danger">Close</a>
  59.                                             </div>        
  60.                                         </div> 
  61.                                     </div>
  62.                                 </div>   
  63.                             </div>            
  64.                         </div>
  65.                         <div class="signup-process">        
  66.                             <div class="jumbotron signup-process-overlay"></div>
  67.                             <div class="container">
  68.                                 <img src="assets/img/loding.svg" class="img-responsive loading-icon" alt="Image">
  69.                             </div>
  70.                         </div>
  71.                         <p class="refer-to-login-signup">Already Registered? <a href="user/login_form.php"> Login</a></p>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.             

  77.         </div>
    </section>

Send.php 

  2. <?php
  3. // Import PHPMailer classes into the global namespace
  4. // These must be at the top of your script, not inside a function
  5. use PHPMailer\PHPMailer\PHPMailer;
  6. use PHPMailer\PHPMailer\Exception;
  7. ?>
  8. <?php include("../config/db.php"); ?>
  9. <?php
  10. global $email_err;
  11. global $success_msg;
  14. $fname = $_POST["fname"];
  15. $lname = $_POST["lname"];
  16. $email = $_POST["email"];
  17. $mobile = $_POST["mobile"];
  18. $password = $_POST["password"];

  20. $email_check = "SELECT email FROM signup WHERE email = '{$email}' ";
  21. $email_query = mysqli_query($connection, $email_check);
  22. $count = mysqli_num_rows($email_query);

  24. if ($count>0) {
  25. $email_err = "This email was already registered.";

  27. }
  28. else{
  29. $user_activation_key = md5(rand().time());
  30. $sql = "INSERT INTO signup (fname, lname, email, mobile, password, activation_key, is_active, date_time ) VALUES ('{$fname}','{$lname}','{$email}','{$mobile}','{$password}','{$user_activation_key}','0',now())";
  31. $query = mysqli_query($connection, $sql);

  33. if (!$query) {
  34. die("Faield to send data".mysqli_error($connection));
  35. }
  36. if ($query) {
  37. $activation_msg = "Plese Activate Your Account Using This Link "."<a href='http://localhost/ajax/user/user_activation.php?key=".$user_activation_key."'>http://localhost/ajax/user/user_activation.php?key=".$user_activation_key."</a>";
  39. //Load composer's autoloader
  40. require ('../mailer/vendor/autoload.php');

  42. $mail = new PHPMailer(true);                              // Passing `true` enables exceptions
  43. try {
  44.     //Server settings
  45.     //$mail->SMTPDebug = 2;                                 // Enable verbose debug output
  46.     $mail->isSMTP();                                      // Set mailer to use SMTP
  47.     $mail->Host = 'smtp.gmail.com';  // Specify main and backup SMTP servers
  48.     $mail->SMTPAuth = true;                               // Enable SMTP authentication
  49.     $mail->Username = 'mj981220@gmail.com';                 // SMTP username
  50.     $mail->Password = '33661212';                           // SMTP password
  51.     $mail->SMTPSecure = 'ssl';                            // Enable TLS encryption, `ssl` also accepted
  52.     $mail->Port = 465;                                    // TCP port to connect to

  54.     //Recipients
  55.     $mail->setFrom('mj981220@gmail.com', 'Ajax CRUD');
  56.     $mail->addAddress($email, $fname." ".$lname);     // Add a recipient

  58.     //Content
  59.     $mail->isHTML(true);                                  // Set email format to HTML
  60.     $mail->Subject = 'Varification Email From PHP CRUD APPLICATION';
  61.     $mail->Body = $activation_msg;
  62.     
  63.     if ($mail->send()) {
  64.         $success_msg = "Check your email. A verification email has been sent to your email Address.";
  65.         echo $success_msg;
  66.     }
  67. } catch (Exception $e) {
  68.     
  69.       $success_msg = "Email has been not sent";

  71.       echo $success_msg;
  72. }
  73. }
  74. }





  84. ?>