Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Tes Recaptcha2</title>
- </head>
- <body>
- <h1>Tes Recaptcha2 Dengan Jquery Ajax</h1>
- <small>Contoh Login. Tidak menggunakan database, <br>username : admin<br>password : admin</small>
- <form id="formlogin" method="post" action="checklogin.php">
- <strong>Username : </strong> <input type="text" name="username" required=""/><br/><br/>
- <strong>Password : </strong><input type="password" name="password" required=""/><br/><br/>
- <div id="html_captcha"></div><br/><br />
- <button type="submit" id="submit">Masuk</button>
- </form>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
- <!-- Recaptcha2 API -->
- <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
- <script type="text/javascript">
- var onloadCallback = function() {
- grecaptcha.render('html_captcha', {
- 'sitekey' : 'SITE_KEY'
- });
- };
- </script>
- <script>
- //AJAX VALIDATION
- $(document).ready(function(){
- $("#formlogin").submit(function(e){
- var c=$("#g-recaptcha-response").val();
- if(c!="")
- {
- $.ajax({
- type:'post',
- dataType:'json',
- url:'validasi.php',
- data:'g-recaptcha-response='+$("#g-recaptcha-response").val(),
- success:function(x){
- if(x=="betul")
- {
- return true;
- }else{
- return false;
- }
- },
- });
- }else{
- return false;
- }
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement