Добавление других функций между вызовами JQuery

Question

мой первый пост. В настоящее время я изучаю, как я согласен с этим проектом, так голый со мной!

Ниже вы найдете код программы. В принципе, у меня есть Jquery-звонки, которые исчезают и выходят из div. Однако, прежде чем JQuery исчезает и исчезает в другом div, я бы хотел проверить проверку формы и ввод пользователя.

Вопрос в том, как правильно добавить другие функции между JQuery, например, я сделал это для validateForm(); & validatePostalCode(); ?

Jquery

<script type="text/jquery> 
    $(document).ready(function() { 
     $("#welcome").fadeIn('fast'); 

     $('#forward').click(function(e) { 
      $('#welcome').fadeOut('fast', function() { 
       $('#service').fadeIn('fast'); 
      }); 
     }); 

     $('#previous-service').click(function(e) { 
      $('#service').fadeOut('fast', function() { 
       $('#welcome').fadeIn('fast'); 
      }); 
     }); 

     $('#next-service').click(function(e) { 
      postalCode(); 
      validatePostalCode(true); 
      $('#service').fadeOut('fast', function() { 
       $('#match').fadeIn('fast'); 
      }); 
     }); 

     $('#previous-match').click(function(e) { 
      $('#match').fadeOut('fast', function() { 
       $('#service').fadeIn('fast'); 
      }); 
     }); 

     $('#next-match').click(function(e) { 
      $('#match').fadeOut('fast', function() { 
       $('#information').fadeIn('fast'); 
      }); 
     }); 

     $('#previous-information').click(function(e) { 
      $('#information').fadeOut('fast', function() { 
       $('#match').fadeIn('fast'); 
      }); 
     }); 

     $('#next-information').click(function(e) { 
      validateForm(); 
      $('#information').fadeOut('fast', function() { 
       $('#confirmation').fadeIn('fast'); 
      }); 
     }); 

---

JAVASCRIPT

<script type="text/javascript"> 
    function validateForm() { 
     var x = document.forms["#information"]["#first_name"].value; 
     if (x == null || x == "") { 
      alert("First name must be filled out"); 
      return false; 
     } 
    } 

    function validatePostalCode() { 
     var x = document.forms["#serviceForm"]["#postal"].value; 
     if (x == null || x == "") { 
      alert("Oops, the postal code must be filled out!"); 
      return false; 
     } 
    } 
</script> 

<script type="text/javascript"> 
    function postalCode() { 
     var text = document.getElementById('postal').value; 
    } 
</script> 

---

HTML

<form id="informationForm" action="" onsubmit="return validateForm()" method=""> 
    <div class="form-group"> 
     <label for="first_name">First Name</label> 
     <input type="text" class="form-control" id="first_name" autofocus required> 
    </div> 

Answer 1

jQuery также является javascript.

Вы можете добавить любое javascript, как нравится между тегами <script></script>.

Пример:

<script> 
    function normalJavascript(){ 
    alert("hello i am js"); 
    } 

    $(function(){ 
    alert("I am the jQuery on page ready function"); 
    normalJavascript(); 
    } 
</script>