problems in checking the form input values before submitting using JQUERY

Question

my code is as follows

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

});

it seems that the submit function doesn't work because the alert info doesn't appear. if i put the submit function inside the click function, it doesn't work either. what's wrong? I am a totally freshman to jQuery, thanks in Advance!

Arun P Johny · Accepted Answer · 2013-08-17 03:22:17Z

4

since the form is created dynamically you need to use event delegation

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

answered Aug 17, 2013 at 3:22

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Moby's Stunt Double Over a year ago

+1 for seeing the need to attach to document, with the way the code is structured.

Subin Jacob Over a year ago

if we passed a handler to the submit function instead of performing the submit it would attach the handler to the submit event. Thats why the submit didn't happen right?

Rituraj ratan · Accepted Answer · 2013-08-17 06:35:44Z

0

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

answered Aug 17, 2013 at 6:35

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

Collectives™ on Stack Overflow

problems in checking the form input values before submitting using JQUERY

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related