Advertisement
cuonic

reset2.php

Aug 1st, 2012
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.71 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>PHPAuth 2.0 - Reset Password</title>
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  6. <!-- Base CSS -->
  7. <link href="css/reset.css" rel="stylesheet" type="text/css" />
  8. <link href="css/style.css" rel="stylesheet" type="text/css" />
  9. <!-- Jquery CSS (UI + Addons) -->
  10. <link href="css/ui-lightness/jquery-ui.custom.css" rel="stylesheet" type="text/css" />
  11. <link href="css/jquery.qtip.css" rel="stylesheet" type="text/css" />
  12. <!-- Jquery base file + Jquery UI -->
  13. <script type="text/javascript" src="js/jquery.min.js"></script>
  14. <script type="text/javascript" src="js/jquery-ui.min.js"></script>
  15. <script type="text/javascript" src="js/jquery-ui.message.js"></script>
  16. <!-- Jquery plugins for this page : To be compiled -->
  17. <script type="text/javascript" src="js/reset/jquery.validate.js"></script>
  18. <script type="text/javascript" src="js/reset/jquery.qtip.js"></script>
  19. <script type="text/javascript" src="js/reset/jquery.crypt.js"></script>
  20. </head>
  21.  
  22. <body>
  23. <div class="logo"></div>
  24. <div class="form">
  25.     <form id="reset" method="post">
  26.         <input type="text" name="resetkey" id="password" placeholder="Reset Key" <?php if(isset($_GET['key'])) { echo "value=\"" . $_GET['key'] . "\" "; } ?>/>
  27.         <input type="submit" id="reset" value="Reset Password" />
  28.     </form>
  29. </div>
  30. <div class="small">
  31.     <a href="?page=login">I know my password</a><br/>
  32. </div>
  33.  
  34. <script type="text/javascript">
  35. $(document).ready(function(){
  36.    
  37.     $('#reset').validate({
  38.         errorClass: "errormessage",
  39.         onkeyup: false,
  40.         errorClass: 'error',
  41.         validClass: 'valid',
  42.         rules: {
  43.             resetkey: { required: true, minlength: 20, maxlength: 20 }
  44.         },
  45.         errorPlacement: function(error, element)
  46.         {
  47.             var elem = $(element),
  48.                 corners = ['right center', 'left center'],
  49.                 flipIt = elem.parents('span.right').length > 0;
  50.  
  51.             if(!error.is(':empty')) {
  52.                 elem.filter(':not(.valid)').qtip({
  53.                     overwrite: false,
  54.                     content: error,
  55.                     position: {
  56.                         my: corners[ flipIt ? 0 : 1 ],
  57.                         at: corners[ flipIt ? 1 : 0 ],
  58.                         viewport: $(window)
  59.                     },
  60.                     show: {
  61.                         event: false,
  62.                         ready: true
  63.                     },
  64.                     hide: false,
  65.                     style: {
  66.                         classes: 'ui-tooltip-red'
  67.                     }
  68.                 })
  69.                 .qtip('option', 'content.text', error);
  70.             }
  71.             else { elem.qtip('destroy'); }
  72.         },
  73.         success: $.noop
  74.     })
  75.    
  76.     $('#resetpass').validate({
  77.             errorClass: "errormessage",
  78.             onkeyup: false,
  79.             errorClass: 'error',
  80.             validClass: 'valid',
  81.             rules: {
  82.                 password: { required: true, minlength: 3, maxlength: 100 }
  83.             },
  84.             errorPlacement: function(error, element)
  85.             {
  86.                 var elem = $(element),
  87.                     corners = ['right center', 'left center'],
  88.                     flipIt = elem.parents('span.right').length > 0;
  89.  
  90.                 if(!error.is(':empty')) {
  91.                     elem.filter(':not(.valid)').qtip({
  92.                         overwrite: false,
  93.                         content: error,
  94.                         position: {
  95.                             my: corners[ flipIt ? 0 : 1 ],
  96.                             at: corners[ flipIt ? 1 : 0 ],
  97.                             viewport: $(window)
  98.                         },
  99.                         show: {
  100.                             event: false,
  101.                             ready: true
  102.                         },
  103.                         hide: false,
  104.                         style: {
  105.                             classes: 'ui-tooltip-red'
  106.                         }
  107.                     })
  108.                     .qtip('option', 'content.text', error);
  109.                 }
  110.                 else { elem.qtip('destroy'); }
  111.             },
  112.             success: $.noop
  113.         })
  114. });
  115.  
  116. $("#reset").submit(function(event) {
  117.     if($("#reset").valid()) {
  118.         event.preventDefault();
  119.  
  120.         var $form = $( this ),
  121.             resetkey = $form.find('input[name="resetkey"]').val();
  122.        
  123.  
  124.         $.post("inc/action.php?a=reset2", {key: resetkey},
  125.             function(data) {
  126.                 if(data['error'] == 1)
  127.                 {
  128.                     $("#message").remove();
  129.                    
  130.                     $(".form").prepend('<div id="message"></div>');
  131.                    
  132.                     $("#message").message({type: "error", dismiss: false, message: data['message']});
  133.                    
  134.                     $("#message").effect("shake", {times: 2, distance: 10}, 200);
  135.                 }
  136.                 else if(data['error'] == 0)
  137.                 {                          
  138.                     $("#message").remove();
  139.                    
  140.                     $(".form").prepend('<div id="message"></div>');
  141.                    
  142.                     $("#message").message({type: "info", dismiss: false, message: data['message']});
  143.                    
  144.                     $("#message").effect("pulsate", {times: 2}, 200);
  145.                    
  146.                     window.setTimeout(function()
  147.                     {
  148.                         $(".form").empty();
  149.                         $(".form").append('<form id="resetpass" method="post"></form>');
  150.                         $("#resetpass").append('<input type="hidden" name="resetkey" value="'+resetkey+'" />');
  151.                         $("#resetpass").append('<input type="password" name="password" id="password" placeholder="New Password" />');
  152.                         $("#resetpass").append('<input type="submit" id="reset" value="Reset Password" />');
  153.                     }, 2000);
  154.                 }
  155.             }, "json"
  156.         );
  157.     }
  158.     else
  159.     {
  160.         $("[id^=ui-tooltip-]").effect("pulsate", {times: 3}, 300);
  161.         return false;
  162.     }
  163. });
  164.  
  165. $("#resetpass").submit(function(event) {
  166.     if($("#resetpass").valid()) {
  167.         event.preventDefault();
  168.  
  169.         var $form = $( this ),
  170.             pass = $form.find('input[name="password"]').val();
  171.        
  172.  
  173.         $.post("inc/action.php?a=reset3", {key: resetkey},
  174.             function(data) {
  175.                 if(data['error'] == 1)
  176.                 {
  177.                     $("#message").remove();
  178.                    
  179.                     $(".form").prepend('<div id="message"></div>');
  180.                    
  181.                     $("#message").message({type: "error", dismiss: false, message: data['message']});
  182.                    
  183.                     $("#message").effect("shake", {times: 2, distance: 10}, 200);
  184.                 }
  185.                 else if(data['error'] == 0)
  186.                 {                          
  187.                     $("#message").remove();
  188.                    
  189.                     $(".form").prepend('<div id="message"></div>');
  190.                    
  191.                     $("#message").message({type: "info", dismiss: false, message: data['message']});
  192.                    
  193.                     $("#message").effect("pulsate", {times: 2}, 200);
  194.                 }
  195.             }, "json"
  196.         );
  197.     }
  198.     else
  199.     {
  200.         $("[id^=ui-tooltip-]").effect("pulsate", {times: 3}, 300);
  201.         return false;
  202.     }
  203. });
  204. </script>
  205. </body>
  206. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement