javascript document.ready機能が動作しません

Question

私はライブサイト上で以下のコードを持っています。フォームボタンは、パラメータを.jsファイルに転送し、挿入するためにモデルに送信することを想定しています。コード/フォームは.jsファイルを許可または読み込むだけではありません。

<form id="contactform" name="contactform"> 
    <div class="contact-form-txt"> Contact Form</div> 
    <p> 
    <label for="name">Full Name *</label> 
    <input id="name" type="text" name="name" required=""> 
    </p> 
    <p> 
    <label for="company">Company Name</label> 
    <input id="company" type="text" name="company" required=""> 
    </p> 
    <p> 
    <label for="phone">Phone Number </label> 
    <input id="phone" type="text" name="phone" required=""> 
    </p> 
    <p> 
    <label for="email">Email Address *</label> 
    <input id="email" type="text" name="email" required=""> 
    </p> 
    <p> 
    <label for="profile">Question</label> 
    <textarea name="profile" id="profile" required=""></textarea> 
    </p> 
    <button id="submit">Submit</button> 
    <!-- <button> submit </button> --> 
</form> 

読み込みcontact.jsファイルはヘッダーファイルにあります。 `

<script type="text/javascript" src="<?php echo URL ?>/public/js/contact.js"></script>` 

と私はされてロードしたいjqueryのファイル..

$(document).ready(function() { 
     alert("plssssss"); 
     $(document).on("click", "#submit", function(event) { 
     }); 
});//document ready 

Answer 1

私はjQueryライブラリを追加するのを忘れだと思います。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    alert("hello"); 
}); 
</script> 

Answer 2

JavascriptをjQueryのあるべき

$(document).ready(function() { 
    alert("plssssss"); 
    $(document).on("click", "#submit", function(event) {}); 
}); 

Answer 3

次のようになります。

$(document).ready(function() { 
     alert("plssssss"); 
     $(document).on("click", "#submit", function(event) {}); 
});