Jquery .change() function doesnt`work on localhost

StackOverflow https://stackoverflow.com/questions/15066865

Question

The following code works on jsfiddle but does not work on localhost, can you help me please?

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script>
        $('.puankontrol').change(function() {
          var x = $(this).val() * 1;   
          if((x < 1) ||  (x > 5))
          {
              $(this).val(3);
              alert("Please enter value between 1-5!");
          }
        });
    </script>
</head>
<body>

     <form>
      <input class="puankontrol" type="text" name="puan"/><BR>
      <input class="puankontrol" type="text" name="puan"/><BR>
      <input class="puankontrol" type="text" name="puan"/><BR>
    </form>
    <div id="other">
      Trigger the handler
    </div>

</body>
</html>

`

Was it helpful?

Solution

Try

$(document).ready(function(){
   //change function declaration.
});

also use <script type="text/javascript"> for adding script tag.

OTHER TIPS

Whenever you want to write any code in jQuery, you must add that code in 

$(document).ready(function(){});

jQuery calls this method callback once all elements of the documents are loaded. and it confirms that which all elements we are accessing inside this are loaded.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top