未执行警报功能

Question

我正在从一本书中学习 Javascript 和 jQuery。 我被困住了。 我正在学习如何将表单输入存储到变量中，但它似乎不起作用。

我可以让它与 javascript 一起工作。 这给了我一个电子邮件提醒：

    function readAdd(){
        var getAddress = document.getElementById("emailAdd").value;
        alert(getAddress);
    }

我设法使代码与以下使用 jQuery 一起工作：

    $(document).ready(
    function()
    {
        $("form").on("submit", function(){
            var getAddress = $("input#emailAdd").val();
            alert(getAddress);
        })
    }
    );

然而，本书的这一章没有教授 .on("submit",function(){})，这让我相信我应该将 jQuery 与 Javascript 结合起来。 所以我写了下面的代码：

    $(document).ready(
    function()
    {
        function readAdd(){
            var getAddress = $("input#emailAdd").val();
            alert(getAddress);
        }
    }
    );

当我执行时，我没有收到警报。 我假设这不是将 jQuery 和 Javascript 一起编写的方法。 这很可能是我的错误，但我缺乏正确测试变量是否存储表单值的理解。 任何人都可以帮忙吗？

Answer 1

您的代码的问题在于您定义了一个名为readAdd的函数，但它没有被执行。 为了执行它，您必须将readAdd()添加到代码中，或者您可以打开 cosole 并键入readAdd() 。
第一个代码起作用是因为它在function() HTML form提交其内容时执行function() 。