Jqueryの呼び出し間に他の関数を追加する

Question

私の最初の投稿。私はこのプロジェクトに慣れているので、現在私と一緒に裸でいることを学んでいます！

以下は、プログラムのコードです。基本的に、divをフェードインまたはフェードインするJqueryコールがあります。しかし、Jqueryがフェードアウトして別のdivでフェードする前に、フォームの検証とユーザー入力を確認したいと思います。

私の質問は、私がvalidateForm（）;のようにJqueryの間に他の関数を正しく追加する方法です。 & 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です。

<script></script>タグの間に、好きなだけ多くのjavascriptを追加できます。

例：

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

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