未執行警報功能

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() 。