Advertisement
cuonic

reset2.php

Aug 1st, 2012
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.90 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.     if($("#reset").length > 0)
  38.     {
  39.         alert("#reset isn't empty !");
  40.    
  41.         $('#reset').validate({
  42.             errorClass: "errormessage",
  43.             onkeyup: false,
  44.             errorClass: 'error',
  45.             validClass: 'valid',
  46.             rules: {
  47.                 resetkey: { required: true, minlength: 20, maxlength: 20 }
  48.             },
  49.             errorPlacement: function(error, element)
  50.             {
  51.                 var elem = $(element),
  52.                     corners = ['right center', 'left center'],
  53.                     flipIt = elem.parents('span.right').length > 0;
  54.  
  55.                 if(!error.is(':empty')) {
  56.                     elem.filter(':not(.valid)').qtip({
  57.                         overwrite: false,
  58.                         content: error,
  59.                         position: {
  60.                             my: corners[ flipIt ? 0 : 1 ],
  61.                             at: corners[ flipIt ? 1 : 0 ],
  62.                             viewport: $(window)
  63.                         },
  64.                         show: {
  65.                             event: false,
  66.                             ready: true
  67.                         },
  68.                         hide: false,
  69.                         style: {
  70.                             classes: 'ui-tooltip-red'
  71.                         }
  72.                     })
  73.                     .qtip('option', 'content.text', error);
  74.                 }
  75.                 else { elem.qtip('destroy'); }
  76.             },
  77.             success: $.noop
  78.         })
  79.     }
  80. });
  81.  
  82. if($("#resetpass").length > 0)
  83.     {
  84.         alert("#resetpass isn't empty !");
  85.    
  86.         $('#resetpass').validate({
  87.             errorClass: "errormessage",
  88.             onkeyup: false,
  89.             errorClass: 'error',
  90.             validClass: 'valid',
  91.             rules: {
  92.                 password: { required: true, minlength: 3, maxlength: 100 }
  93.             },
  94.             errorPlacement: function(error, element)
  95.             {
  96.                 var elem = $(element),
  97.                     corners = ['right center', 'left center'],
  98.                     flipIt = elem.parents('span.right').length > 0;
  99.  
  100.                 if(!error.is(':empty')) {
  101.                     elem.filter(':not(.valid)').qtip({
  102.                         overwrite: false,
  103.                         content: error,
  104.                         position: {
  105.                             my: corners[ flipIt ? 0 : 1 ],
  106.                             at: corners[ flipIt ? 1 : 0 ],
  107.                             viewport: $(window)
  108.                         },
  109.                         show: {
  110.                             event: false,
  111.                             ready: true
  112.                         },
  113.                         hide: false,
  114.                         style: {
  115.                             classes: 'ui-tooltip-red'
  116.                         }
  117.                     })
  118.                     .qtip('option', 'content.text', error);
  119.                 }
  120.                 else { elem.qtip('destroy'); }
  121.             },
  122.             success: $.noop
  123.         })
  124.     }
  125.  
  126. $("#reset").submit(function(event) {
  127.     if($("#reset").valid()) {
  128.         event.preventDefault();
  129.  
  130.         var $form = $( this ),
  131.             resetkey = $form.find('input[name="resetkey"]').val();
  132.        
  133.  
  134.         $.post("inc/action.php?a=reset2", {key: resetkey},
  135.             function(data) {
  136.                 if(data['error'] == 1)
  137.                 {
  138.                     $("#message").remove();
  139.                    
  140.                     $(".form").prepend('<div id="message"></div>');
  141.                    
  142.                     $("#message").message({type: "error", dismiss: false, message: data['message']});
  143.                    
  144.                     $("#message").effect("shake", {times: 2, distance: 10}, 200);
  145.                 }
  146.                 else if(data['error'] == 0)
  147.                 {                          
  148.                     $("#message").remove();
  149.                    
  150.                     $(".form").prepend('<div id="message"></div>');
  151.                    
  152.                     $("#message").message({type: "info", dismiss: false, message: data['message']});
  153.                    
  154.                     $("#message").effect("pulsate", {times: 2}, 200);
  155.                    
  156.                     window.setTimeout(function()
  157.                     {
  158.                         $(".form").empty();
  159.                         $(".form").append('<form id="resetpass" method="post"></form>');
  160.                         $("#resetpass").append('<input type="hidden" name="resetkey" value="'+resetkey+'" />');
  161.                         $("#resetpass").append('<input type="password" name="password" id="password" placeholder="New Password" />');
  162.                         $("#resetpass").append('<input type="submit" id="reset" value="Reset Password" />');
  163.                     }, 2000);
  164.                 }
  165.             }, "json"
  166.         );
  167.     }
  168.     else
  169.     {
  170.         $("[id^=ui-tooltip-]").effect("pulsate", {times: 3}, 300);
  171.         return false;
  172.     }
  173. });
  174.  
  175. $("#resetpass").submit(function(event) {
  176.     if($("#resetpass").valid()) {
  177.         event.preventDefault();
  178.  
  179.         var $form = $( this ),
  180.             pass = $form.find('input[name="password"]').val();
  181.        
  182.  
  183.         $.post("inc/action.php?a=reset3", {key: resetkey},
  184.             function(data) {
  185.                 if(data['error'] == 1)
  186.                 {
  187.                     $("#message").remove();
  188.                    
  189.                     $(".form").prepend('<div id="message"></div>');
  190.                    
  191.                     $("#message").message({type: "error", dismiss: false, message: data['message']});
  192.                    
  193.                     $("#message").effect("shake", {times: 2, distance: 10}, 200);
  194.                 }
  195.                 else if(data['error'] == 0)
  196.                 {                          
  197.                     $("#message").remove();
  198.                    
  199.                     $(".form").prepend('<div id="message"></div>');
  200.                    
  201.                     $("#message").message({type: "info", dismiss: false, message: data['message']});
  202.                    
  203.                     $("#message").effect("pulsate", {times: 2}, 200);
  204.                 }
  205.             }, "json"
  206.         );
  207.     }
  208.     else
  209.     {
  210.         $("[id^=ui-tooltip-]").effect("pulsate", {times: 3}, 300);
  211.         return false;
  212.     }
  213. });
  214. </script>
  215. </body>
  216. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement