Получение значения полей динамической формы с использованием JQuery

Question

У меня есть форма, динамически созданная с использованием JQuery, и я пытаюсь проверить форму, но каждый раз, когда я пытаюсь получить значение поля ввода, он говорит «undefined», My code, чтобы получить значение

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

Отредактировано: Ниже функция добавления поля формы к div.modal

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

Благодаря

Answer 1

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

Поскольку форма создается с помощью JQuery ваш скрипт не может найти его в документе и возвратит неопределенный .. Для таких случаев у нас есть 3 функции, которые мы можем использовать .. живой, делегат и на ..

Читать ниже приведены ссылки для получения более подробной информации ..

Live
delegate
on