Ir al contenido principal

Entradas

Mostrando entradas de junio, 2013

JQuery - Timepicker & Datepicker

Timepicker & Datepicker I took a component from  http://trentrichardson.com/examples/timepicker/  to display a calendar that used Jquery. The steps to install the JQuery plugin 1) Include in your file the following files, this can be done downloading the files or doing the references. Downloading the Files.     <script src="../Scripts/Mail/jquery-2.0.2.min.js"></script>     <script src="../Scripts/Mail/jquery-ui.min.js"></script>     <link href="../Content/jquery-ui.css" rel="stylesheet" />         <script src="../Scripts/Mail/jquery-ui-timepicker-addon.js"></script> Includinf the references.     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js"></script>     <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.min.js"></script>     <link rel="stylesheet" type="text/css" href="ht...

JQuery Validator plugin

1) This line include JQuery to your project <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2..2/jquery.min.js"></script> 2) This line include JQuery Validator to your project in .Net <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.5.5/jquery.validate.min.js"></script> 3) In your .aspx file write the next jscript code to validate the empty fields    #ctl01 is the Id Form    #MainContent_btn222  is the Id Button $(document).ready(function () {     // Initialize validation on the entire ASP.NET form     $("#ctl01").validate({         // This prevents validation from running on every         //  form submission by default.         onsubmit: false     });     $("#MainContent_btn222").click(function (evt) {         // Validate the form and retain the re...