validation - jQuery timepicker and validate not working -


i have 2 jquery scripts not working on page, validate script, , timepicker. not working @ all, datepicker working. following error time picker:

uncaught typeerror: object [object object] has no method 'timepicker'

however error getting.

this code using:

    <script src="/js/jquery-1.10.1.js"></script>     <script src="/js/jquery-ui-1.10.3.custom.js"></script>     <script src='/sorttable.js'></script>     <script src="/js/jquery.ui.timepicker.js"></script>     <script src="/jquery.validate.js"></script>       <link rel="stylesheet" type="text/css" href="/assets/css/appmanager.css">     <link rel="stylesheet" href="/css/overcast/jquery-ui-1.10.3.custom.css" />     <link rel="stylesheet" href="/js/jquery.ui.timepicker.css" />          <script >             jquery(document).ready(function() {             jquery(".content").hide();             //toggle componenet class msg_body             jquery(".heading").click(function()             {                 jquery(this).next(".content").slidetoggle(500);             });             });         </script>         <script>             jquery(document).ready(function($){                     $("#datepicker").datepicker();              });         </script>          <script>             jquery(document).ready(function($){             $( "#datepicker1" ).datepicker();             });             </script>              <script type="text/javascript">                 $(document).ready(function() {                     $('#timepicker').timepicker( {                         showanim: 'blind'                     } );                 });             </script>     <script>       $().ready(function() {          $("#newapp").validate({             rules: {                 facility: {                     required: true,                     minlength: 3                 },                 disclaimer: {                     required: true,                 },                 department: {                     required: true,                     minlength: 3                 },                 address: {                     required: true                 },                 requestor: {                     required: true,                     minlength: 2                 },                 callback: {                     required: true,                     minlength: 7                 },                 language: "required"             },             messages: {                 facility: {                     required: "please enter facility",                     minlength: "facility name must @ least 3 characters"                 },                 department: {                     required: "please enter department",                     minlength: "department name must @ least 3 characters"                 },                 address: {                     required: "please enter address",                     minlength: "address must @ least 5 characters"                 },                 requestor: {                     required: "please enter requestor",                     minlength: "requestor name must @ least 3 characters"                 },                 callback: {                     required: "please enter callback number",                     minlength: "callback number must @ least 7 characters"                 },                 language: {                     required: "please enter language"                 }             }         });      });      </script> 

and html:

    <p>date: <input type="text" style="width:100px;" id="datepicker" name="date" value=""/>     time :<input id="timepicker" class="hastimepicker" type="text" value="" name="time" style="width: 70px;"></input></p>     <p>client (other): <input type="text" style="width:173px;" id="client" name="clientother" value=""/></p>     <p>facility: <input type="text" style="width:215px;" id="facility" name="facility" value=""/></p>     <p>department: <input type="text" style="width:186px;" id="department" name="department" value=""/></p>     <p>address: <input type="text" style="width:210px;" id="address" name="address" value=""/></p>     <p>requestor: <input type="text" style="width:197px;" id="requestor" name="requestor" value=""/></p>     <p>provider: <input type="text" style="width:210px;" id="provider" name="provider" value=""/></p>     <p>callback #: <input type="text" style="width:198px;" id="callback" name="callback" value=""/></p>     </div>     <div style="float:right; width:50%">     <p>language: <input type="text" style="width:210px;" id="language" name="language" value=""/></p>     <p>medicaid: <select name="medicaid" style="width:225px;" id="medicaid">     <option value="1">no medicaid</option>     <option value="2">primary medicaid</option>     <option value="3">seccondary medicaid</option></select></p>     <p>medicaid id: <input type="text" style="width:194px;" id="medicaidid" name="medicaidid" value=""/></p>     <p>les name: <input type="text" style="width:209px;" id="name" name="name" value=""/></p>     <p>les date of birth: <input type="text" style="width:167px;" id="dob" name="dob"  value=""/>        </p>     <p>notes: <textarea rows="6" name= "notes" cols="80" id="notes" style="width:242px"></textarea></p>     <input type="hidden" id="createdby" name="createdby" value"<?php echo $_session['jigowatt']['username']; ?>" /> 

any idea i'm missing?


Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -