Advertisement
eyuprog

Recaptcha2HTML

Jul 10th, 2015
265
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 2.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title>Tes Recaptcha2</title>  
  8.   </head>
  9.   <body>
  10.     <h1>Tes Recaptcha2 Dengan Jquery Ajax</h1>
  11.     <small>Contoh Login. Tidak menggunakan database, <br>username : admin<br>password : admin</small>
  12.     <form id="formlogin" method="post" action="checklogin.php">
  13.         <strong>Username : </strong> <input type="text" name="username" required=""/><br/><br/>
  14.         <strong>Password : </strong><input type="password" name="password" required=""/><br/><br/>
  15.         <div id="html_captcha"></div><br/><br />
  16.         <button type="submit" id="submit">Masuk</button>
  17.     </form>
  18.    
  19.    
  20.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  21.     <!-- Recaptcha2 API -->
  22.     <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
  23.     <script type="text/javascript">
  24.       var onloadCallback = function() {
  25.         grecaptcha.render('html_captcha', {
  26.           'sitekey' : 'SITE_KEY'
  27.         });
  28.       };
  29.     </script>
  30.     <script>
  31.     //AJAX VALIDATION
  32.         $(document).ready(function(){
  33.             $("#formlogin").submit(function(e){                
  34.                 var c=$("#g-recaptcha-response").val();
  35.                 if(c!="")
  36.                 {
  37.                     $.ajax({
  38.                     type:'post',
  39.                     dataType:'json',
  40.                     url:'validasi.php',
  41.                     data:'g-recaptcha-response='+$("#g-recaptcha-response").val(),
  42.                     success:function(x){
  43.                         if(x=="betul")
  44.                         {
  45.                             return true;
  46.                         }else{
  47.                             return false;
  48.                         }
  49.                     },
  50.                     });
  51.                 }else{                    
  52.                     return false;
  53.                 }
  54.                
  55.             });
  56.         });
  57.     </script>
  58.   </body>
  59. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement