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應該是

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

Answer 3

jQuery應該是：

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