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

フォームは動的に作成されるため、イベント委任を使用する必要があります

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

Answer 2

$('#dimensionAndObjects').live('click',function(e) {
e.preventdefault();
        alert("haahhhahhaha");
        return false;// for not submit the form
return true ;// for submit the form
    });