javascript - 使用 JQUERY 提交之前检查表单输入值的问题

Question

我的代码如下

$(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;
    });

});

似乎提交功能不起作用，因为没有出现警报信息。 如果我将提交功能放在点击功能中，它也不起作用。 怎么了？我对 jQuery 完全是新手，提前致谢!

Answer 1

由于表单是动态创建的，因此您需要使用事件委托(delegate)

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