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
Post a Comment