Сообщения об ошибках и успехах не отображаются в форме JQuery

Question

Здравствуйте, я изучал Jquery, создал форму и написал некоторые функции с помощью учебных пособий, но не получил результаты в форме. Весьма смущен фактической ошибкой.

           function isEmail(email) {
               var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
               return regex.test(email);
           }    
            $("#buttonSubmit").click(function() {
                var errorMessage = "";
                var fieldsMissing = "";

            if ($("#email").val()  == "") {
                fieldsMissing += "<br>Email Missing"
            }
            if ($("#mobile").val()  == "") {
                fieldsMissing += "<br>Mobile Number Missing"
            }
            if ($("#password").val()  == "") {
                fieldsMissing += "<br>Enter Your Passowrd"
            }
            if ($("#passwordConfirm").val()  == "") {
                fieldsMissing += "<br>Confirm password"
            }
            if  (isEmail($("#email").val())==false) {
                errorMessage += "<p>Enter Your valid email</p>"
            } 
            if  (isNumeric($("#mobile").val())==false) {
                errorMessage += "<p>Enter Your valid mobile number</p>"
            } 
            if  ($("#password").val()!=$("#passwordConfirm").val()) {
                errorMessage += "<p>Your Password Don't Match</p>"
            }
            if (errorMessage != "") {
                $("#errorMessage").html(errorMessage);
            } else {
                $("successMessage").show();
                $("errorMessage").hide();
            }
        });

Answer 1

Большое спасибо всем на самом деле, теперь я получил реальную ошибку через несколько часов. В сообщениях об ошибках пропущена строка в сообщении об ошибке и весь синтаксис обновления пропущенного сообщения.

if ($.isNumeric($("#mobile").val()) == false) {
        errorMessage += "<p>Enter Your valid mobile number</p>"
      }
and 

                   if (fieldsMissing != "") {
                        errorMessage += "<p>The Following Field(s) are Missing!</p>" + fieldsMissing;
                    }

Answer 2

Вот рабочая версия вашего кода, которую вы можете обновить в соответствии с вашими потребностями.

function isEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return regex.test(email);
}
$(document).ready(function() {
  $("#buttonSubmit").click(function() {
    var errorMessage = "";
    var fieldsMissing = "";

    if ($("#email").val() == "") {
      errorMessage += "<br>Email Missing"
    }
    if ($("#mobile").val() == "") {
      errorMessage += "<br>Mobile Number Missing"
    }
    if ($("#password").val() == "") {
      errorMessage += "<br>Enter Your Passowrd"
    }
    if ($("#passwordConfirm").val() == "") {
      errorMessage += "<br>Confirm password"
    }
    if (isEmail($("#email").val()) == false) {
      errorMessage += "<p>Enter Your valid email</p>"
    }
    if ($.isNumeric($("#mobile").val()) == false) {
      errorMessage += "<p>Enter Your valid mobile number</p>"
    }
    if ($("#password").val() != $("#passwordConfirm").val()) {
      errorMessage += "<p>Your Password Don't Match</p>"
    }
    if (errorMessage != "") {
      $("#errorMessage").html(errorMessage);
      $("errorMessage").show();
    } else {
      $("successMessage").show();
      $("errorMessage").hide();
    }
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="email" type="text" placeholder="email">
<br><br>
<input id="mobile" type="text" placeholder="mobile">
<br><br>
<input id="password" type="password" placeholder="password">
<br><br>
<input id="passwordConfirm" type="password" placeholder="passwordConfirm">
<br><br>


<div id="successMessage"></div>
<div id="errorMessage"></div>

<button id="buttonSubmit" type="submit">Submit Button</button>