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

Question

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

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..

阅读以下链接了解更多详细信息..

Live
delegate
on