Created
February 8, 2013 21:33
-
-
Save cemerson/4742112 to your computer and use it in GitHub Desktop.
JavaScript: Client-Side CAPTCHA (Math)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <script type="text/javascript"> | |
| function addNums(){ | |
| var answer = document.getElementById("answer").value; | |
| var digit1 = parseInt(document.getElementById("digit1").innerHTML); | |
| var digit2 = parseInt(document.getElementById("digit2").innerHTML); | |
| var sum = digit1 + digit2; | |
| if(answer == ""){ | |
| alert("Please add the numbers"); | |
| }else if(answer != sum){ | |
| alert("Your math is wrong"); | |
| }else{ | |
| // all good now! // | |
| document.getElementById("status").innerHTML = "Correct, it is now safe to submit the form"; | |
| document.getElementById("answer").value = ""; | |
| } | |
| } | |
| function randomNums(){ | |
| var rand_num1 = Math.floor(Math.random() * 10) + 1; | |
| var rand_num2 = Math.floor(Math.random() * 10) + 1; | |
| document.getElementById("digit1").innerHTML = rand_num1; | |
| document.getElementById("digit2").innerHTML = rand_num2; | |
| } | |
| </script> | |
| </head> | |
| <body onload="randomNums();"> | |
| <strong>Add these numbers</strong> | |
| <div id="digit1"></div> | |
| <div id="digit2"></div> | |
| <input type="text" id="answer" /> | |
| <input type="submit" value="Add Numbers" onclick="addNums();" /> | |
| <div id="status"></div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks guys