функция onsubmit не определена

Question

Почему это говорит о том, что я не определил свою функцию? Это потому, что я поставил свою функцию внутри функции готовности документа? - Возможно, я должен упомянуть, что хочу использовать эту функцию, чтобы предотвратить отправку, если мое утверждение неверно.

моя форма тег в HTML:

<form class="text-left" method="post" action="" onsubmit="return myFunction();"> 

ниже скрипт (этот скрипт в моей голове секции):

$(document).ready(function() { 

    //the number generators and sum of the two numbers 
    var numberOne = Math.floor((Math.random() * 10) + 1); 
    var numberTwo = Math.floor((Math.random() * 10) + 1); 
    var sum = numberOne + numberTwo; 

    //write the math question to the div 
    document.getElementById("captchaOutput").innerHTML = numberOne+ " og " +numberTwo; 
    //alert(sum); 

    function myFunction(){ 
     var humanInput = $('#captchaInput').val(); 

     if(humanInput == sum){ 

      $("#captcha_service_err").css("display", "inline") 
      $("#captchaInput").css("border-color", "red"); 
      return false; 
     } 
      $("#captcha_service_err").css("display", "none") 
     $("#captchaInput").css("border-color", ""); 
     return true;  
    } 
}); 

Answer 1

Это потому, что я поместил свою функцию внутри функции готовности документа?

Да. Объявление функций (например, var операторов), охваченных функцией, объявленной внутри.

---

Если вы хотите использовать myFunction как глобальный затем переместить его, а переменные зависит от того, из анонимной функции вы объявляете его в.

---

В качестве альтернативы, вы могли бы явно создать глобальный, который ссылается на это:

window.myFunction = myFunction 

---

лучшее решение, однако, является не использовать глобальное в первую очередь.

Удалите атрибут onsubmit и вместо этого привяжите обработчики событий с помощью JavaScript.

$('form').on('submit', myFunction); 

Убедитесь, что вы захватить объект события:

function myFunction(e){ 

Затем предотвратить поведение по умолчанию формы представления, если вы не хотите, чтобы представить:

$("#captchaInput").css("border-color", "red"); 
e.preventDefault(); 

Answer 2

Это происходит потому, что myFunction определяется в пределах объема $(document).ready и есть не видно наружный. Определить его вне вместе со своими зависимыми переменными

//the number generators and sum of the two numbers 
var numberOne = Math.floor((Math.random() * 10) + 1); 
var numberTwo = Math.floor((Math.random() * 10) + 1); 
var sum = numberOne + numberTwo; 
$(document).ready(function() { 
    //write the math question to the div 
    document.getElementById("captchaOutput").innerHTML = numberOne + " og " + numberTwo; 
    //alert(sum); 
}); 

function myFunction() { 
    var humanInput = $('#captchaInput').val(); 

    if (humanInput == sum) { 

     $("#captcha_service_err").css("display", "inline") 
     $("#captchaInput").css("border-color", "red"); 
     return false; 
    } 
    $("#captcha_service_err").css("display", "none") 
    $("#captchaInput").css("border-color", ""); 
    return true; 
} 

Update

Снимите встроенный onsbumit для формы и использовать on(), как показано ниже

$(document).ready(function() { 

    //the number generators and sum of the two numbers 
    var numberOne = Math.floor((Math.random() * 10) + 1); 
    var numberTwo = Math.floor((Math.random() * 10) + 1); 
    var sum = numberOne + numberTwo; 

    //write the math question to the div 
    document.getElementById("captchaOutput").innerHTML = numberOne+ " og " +numberTwo; 
    //alert(sum); 

    $('form').on('submit', function(){ 
     var humanInput = $('#captchaInput').val(); 

     if(humanInput == sum){ 

      $("#captcha_service_err").css("display", "inline") 
      $("#captchaInput").css("border-color", "red"); 
      return false; 
     } 
      $("#captcha_service_err").css("display", "none") 
     $("#captchaInput").css("border-color", ""); 
     return true;  
    }); 
}); 

Answer 3

Попробуйте использовать window объект здесь:

$(document).ready(function() { 
    //the number generators and sum of the two numbers 
    var numberOne = Math.floor((Math.random() * 10) + 1); 
    var numberTwo = Math.floor((Math.random() * 10) + 1); 
    var sum = numberOne + numberTwo; 

    //write the math question to the div 
    document.getElementById("captchaOutput").innerHTML = numberOne+ " og " +numberTwo; 
    //alert(sum); 

    window.myFunction = function() { 
     var humanInput = $('#captchaInput').val(); 

     if(humanInput == sum){ 

      $("#captcha_service_err").css("display", "inline") 
      $("#captchaInput").css("border-color", "red"); 
      return false; 
     } 
      $("#captcha_service_err").css("display", "none") 
     $("#captchaInput").css("border-color", ""); 
     return true;  
    } 
}); 

Answer 4

var sum = 0; 
    $(document).ready(function() { 

      //the number generators and sum of the two numbers 
      var numberOne = Math.floor((Math.random() * 10) + 1); 
      var numberTwo = Math.floor((Math.random() * 10) + 1); 
      sum = numberOne + numberTwo; 

      //write the math question to the div 
      document.getElementById("captchaOutput").innerHTML = numberOne+ " og " +numberTwo; 
      //alert(sum); 


     }); 

     function myFunction(){ 
       var humanInput = $('#captchaInput').val(); 

       if(humanInput == sum){ 

        $("#captcha_service_err").css("display", "inline") 
        $("#captchaInput").css("border-color", "red"); 
        return false; 
       } 
        $("#captcha_service_err").css("display", "none") 
       $("#captchaInput").css("border-color", ""); 
       return true;  
      }