javascript document.ready功能不起作用

时间:2016-04-28 12:01:34

标签: javascript jquery

我在实际网站上有以下代码。表单按钮的作用是将参数传递给.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

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

javascript应该是

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

答案 2 :(得分:0)

jQuery应该是:

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