Getting Value of dynamic form fields using Jquery

Question

I have a form dynamically created using Jquery and i am trying to validate the form but every time i try to get the input field value it says "undefined" , My code to get value

var username = $('#username').val();
       console.log(username);

Edited : Below function will add the form field to the div.modal

    function AddUserDialog(){
      var temp = '<input type="text" name="username" id="username" />';
       $('.modal').html(temp);
     }

Thanks

We are going to need more information. Your question is the equivalent of "I'm trying to drive my car, but every time I try to drive it, it has problems." How is the form being created? Have you made sure it's in the DOM when you're searching for it with jQuery? Have you made sure its id is properly 'username'... so on. — Corbin
– Corbin, Commented Mar 2, 2012 at 2:49
does that input element gets appended to DOM. Check it in firebug or chrome dev tools. — DG3
– DG3, Commented Mar 2, 2012 at 2:53
The code to pull the username value must be getting run before the code that is inserting the element into the DOM then. What triggers the validation event? — Corbin
– Corbin, Commented Mar 2, 2012 at 2:54

Rajat Singhal · Accepted Answer · 2012-03-02 02:53:42Z

4

$("#form_id").live('submit',function(){
    if($(this).find('#username').val()==''){
        alert('username cant left empty!!');
        return false;
    }
});

Because the form is created by jquery your script can't find it in document and will return undefined.. For such cases we have 3 functions we can use..live,delegate and on..

Read following links for more details..

Live
delegate
on

answered Mar 2, 2012 at 2:53

Rajat Singhal

11.3k5 gold badges40 silver badges57 bronze badges

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

1 Comment

Corbin Over a year ago

live and delegate are deprecated, just for what it may be worth.

Collectives™ on Stack Overflow

Getting Value of dynamic form fields using Jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related