0

我有一个 indexedDB 并将其用于登录功能。我正在尝试在用户登录时使用用户信息填充表单。但是该表单使用 [object HTMLInputElement] 而不是用户信息填充。

这是我带用户（db key）访问对象（用户）的地方

编辑这是我正在运行的站点： http ://www3.carleton.ca/clubs/sissa/html5/admin.html 我的 站点编辑器在我保存时对其进行更新，因此当我尝试新的时站点脚本可能会发生变化事物。

这是我带用户（db key）访问对象（用户）的地方

function loginCheck(user,pass){    db.transaction("users").objectStore("users").get(user).onsuccess = function(event) {
    var loggedUser = event.target.result;
        if(!loggedUser){
            alert('Sorry, Username does not exist. Please try again.');
        }else if(pass !== loggedUser.pw ){
            alert('Incorrect log in combination. Please try again.');
            }else{loggedIn(loggedUser);}        
    }    
}
function loggedIn(loggedUser){
    var u=loggedUser;
    alert('Welcome '+u.fn+' '+u.ln+' to Macroplay');

    //function to populate fields 
    alert('get values called'); 
    getValues(u);

    //session store     
    var signedin = 'user';
    var username = u.userName;
    newLocal(signedin,username);
    alert('local storage set'); 
}

我使用这个函数 getValues 来存储我想要的对象的各种字段。

编辑：我将变量 test 声明为全局并存储了用户的名字 (fn)。警报显示正确的名称，但填充仍然给我未定义。

    var test;
function getValues(loggedUser){
    var u = loggedUser;
    alert('storing first name');
    test = u.fn;
    alert('First name = '+test);
    lName = u.ln; 
    users = u.userName;
    pass = u.pw;
    email = u.em;
    dob = u.dob;
    tel = u.tel;
    bio = u.bio;
    school = u.scl; 
    alert('user values stored');  
    if(u.gender == 'M'){
        gender[0].checked= true ;
    }else{gender[1].checked= true ;}        
}

这是我用来填充给我的表单的函数 [object HTMLInputElement]

function populateFields(){
    alert('Name of populated field: '+test);
    fName.value = test;
    lName.value = lName;
    users.value = users;
    pass.value = pass;
    email.value = email;
    dob.value = dob;
    tel.value = tel; 
    bio.value = bio;
    terms.disabled = true;
    school.value = school;  
    alert('populate fields done');

    save.value = 'Update';
    signin.innerHTML = 'Log Out';
    registerLabel.innerHTML = 'Account Information';

     //open user info form
    var accountInfo = document.getElementsByTagName('details');
    accountInfo[1].open = open;
}
4

1 回答 1

1

只看一行：

fName.value = fName

您正在将value属性设置fName为fName自身。

无需创建大量全局变量，只需loggedUser直接使用 in populateFields()：

fName.value = loggedUser.fn;

编辑：查看您的网站，我看到了您遗漏的重要部分。 页面重新加载后被populateFields()调用。因此，无法访问在页面重新加载之前创建的任何变量。populateFields()

既然我是在帮你做作业，我不想只是把答案放在银盘上。诀窍是用户数据必须从数据库中检索出来，并populateFields()在它被调用之前或在函数内部可用。您可以将用户对象作为全局变量提供，但最好将其作为参数传入。

您可能还想取消表单提交：

document.getElementById("loginForm").onsubmit = function (e) {
    e.preventDefault();
}

然后直接调用populateFields()fromloggedIn()而不是getValues().

于 2013-03-21T06:19:47.923 回答