javascript document.ready function not working

Question

i have the code below on a live site. what the form button is suppose to do is transfer the parameters to a .js file and send it to the model for insertion. but the code/form wont just allow or read the .js file

<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>

the loading contact.js file is in the header file. `

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

and the jquery file that i want to load is..

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

check your console (F12) and see if there is some error shown — pumpkinzzz
– pumpkinzzz, Commented Apr 28, 2016 at 12:03
is URL a constant or a variable, if variable it need dollar at the begnning and echo need semicolon at the end. — jcubic
– jcubic, Commented Apr 28, 2016 at 12:05
missing }); seems like a typo. Still, first thing you need to do is check your console (F12). — Mohit Bhardwaj
– Mohit Bhardwaj, Commented Apr 28, 2016 at 12:05

Jonathan Argentiero · Accepted Answer · 2016-04-28 12:54:44Z

1

I think you forgot to add jQuery library.

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

edited Apr 28, 2016 at 12:54

Jonathan Argentiero

5,7478 gold badges32 silver badges34 bronze badges

answered Apr 28, 2016 at 12:05

Kaushal shah

5513 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mashuai · Accepted Answer · 2016-04-28 12:06:11Z

0

The javascript should be

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

answered Apr 28, 2016 at 12:06

mashuai

5513 silver badges10 bronze badges

1 Comment

Samuel Olubayo Over a year ago

have re-adjusted it still not changes.

lamp76 · Accepted Answer · 2016-04-28 12:06:16Z

0

the jQuery should be:

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

answered Apr 28, 2016 at 12:06

lamp76

3331 silver badge10 bronze badges

1 Comment

lamp76 Over a year ago

@sambayour if my solution helped you, please set as your solution or at least click on the upper arrow. ;)

Collectives™ on Stack Overflow

javascript document.ready function not working

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related