使用Jquery获取动态表单字段的值

Question

我有一个使用Jquery动态创建的表单，我正在尝试验证表单，但每次我尝试获取输入字段值时都显示“undefined”，我的代码获取值

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创建的，所以您的脚本无法在文档中找到它并且将返回undefined .. 对于这种情况，我们有3个功能可以使用.. live，delegate和on ..

阅读以下链接了解更多详情..

Live
delegate
on