I am trying to create a simple captcha using javascript by creating a math question. This is not working. Any idea on what I am doing wrong?
What does four + 3 equal? <br>
<input type="text" name="secquestion" id="secquestion" value="" placeholder="Type Numberic Answer Here (Ex. 9)">
<input type="submit" value=" Send " class="button" name="button" onclick="if (value !== "7") {alert('You must answer the security question correctly!');return false}">
the problem is the double quotes used in your conditional statement are messing with the double quotes around the onclick values. use this
<input type="submit" value=" Send " class="button" name="button" onclick="if (value !== '7') {alert('You must answer the security question correctly!');return false}">
You needed to remove the double quotes and additionally you need to tell your conditional function which elements value you are interested in.
By using javascripts documentGetElementById we can specify which element on the document we are interested in. Then we select the value attribute in order to grab the input from the user and test it in our conditional statement.
What does four + 3 equal? <br>
<input type="text" name="secquestion" id="secquestion" value="" placeholder="Type Numberic Answer Here (Ex. 9)">
<input type="submit" value=" Send " class="button" name="button" onclick="if(document.getElementById('secquestion').value != 7) {alert('You must answer the security question correctly!');return false}">
Personally, it might be easier to maintain this code by breaking this conditional out into its own function like so:
<html>
What does four + 3 equal? <br>
<input type="text" name="secquestion" id="secquestion" value="" placeholder="Type Numberic Answer Here (Ex. 9)">
<input type="submit" value=" Send " class="button" name="button" onclick="checkCaptcha()">
<script type="text/javascript">
function checkCaptcha(){
if(document.getElementById("secquestion").value != 7){
alert('You must answer the security question correctly!');
return false;
}
return true;
}
</script>
</html>
The issue is only with doublequotes.
The below code works.
What does four + 3 equal? <br>
<input type="text" name="secquestion" id="secquestion" value="" placeholder="Type Numberic Answer Here (Ex. 9)">
<input type="submit" value=" Send " class="button" name="button" onclick="if (value !== '7') {alert('You must answer the security question correctly!');return false}">
Your quotes are off.
onclick="if (value !== "7")....
needs to be onclick="if (value !== '7')....
