Javascript 使用JQUERY提交前检查表单输入值时出现的问题

我的代码如下

$(document).ready(function() {

    // this is a button to add the form to the DOM tree.
    $("#submitPara").click(function() {
        $("body").append('<form id = "dimensionAndObjects" action = "#"></form>');
        some code to add some input fields, omitted...
        $('#dimensionAndObjects').append('<p><input id = "submitDO" type = "submit" value = "submit"></input></p>');
        return true;
    });

    $('#dimensionAndObjects').submit(function() {
        alert("haahhhahhaha");
        return false;
    });

});

$（文档）.ready（函数（）{
//这是一个将表单添加到DOM树的按钮。
$（“#submitPara”）。单击（函数（）{
$（“正文”）。附加（“”）；
一些代码添加了一些输入字段，省略了。。。
$（'#dimensionAndObjects'）。追加（'
'）；
返回true；
});
$（'#dimensionAndObjects'）。提交（函数（）{
警惕（“哈哈哈”）；
返回false；
});
});

提交功能似乎不起作用，因为没有显示警报信息。 如果我把submit函数放在click函数中，它也不起作用。

---

怎么了？我是jQuery的大一新生，提前谢谢

由于表单是动态创建的，因此需要使用事件委派

$(document).on('submit', '#dimensionAndObjects', function() {
        alert("haahhhahhaha");
        return false;
    });

---

由于表单是动态创建的，因此需要使用事件委派

$(document).on('submit', '#dimensionAndObjects', function() {
        alert("haahhhahhaha");
        return false;
    });

---

+1以查看是否需要附加到文档，以及代码的结构。如果我们将处理程序传递给submit函数而不是执行submit，则会将处理程序附加到submit事件。这就是为什么提交没有正确执行的原因？+1用于查看附加到文档的需要，以及代码的结构。如果我们将处理程序传递给提交函数，而不是执行提交，则会将处理程序附加到提交事件。这就是为什么提交没有正确发生的原因？