2014-02-08 129 views
0

我在制作一个HTML页面“Login Pro.html”。我正在制作这样一个页面,只需点击一个链接,我就可以登录到一个账户(比如Facebook)。重新提交表单不起作用

HTML代码:

为用户名和密码
<a href="Login Pro.html" id="loginLink" target="_new">Login to my Account</a> 

表单输入字段(值属性将使用JQuery设置):

<input type="text" id="username" value="" /> 
<input type="password" id="password" value="" /> 
<input type="submit" id="loginButton" /> 

在JQuery的代码,我设置的值并提交这样的表格:

$("#loginLink").click(function()//when the link is clicked this will be executed. 
{ 
    $("#username").attr("value","My Username");//Setting value for the username 
    $("#password").attr("value","My Password");//Setting value for the password 
    $("#loginButton").click();//Submitting the form by implicitly clicking the submit button 
}); 

在这种情况下,我可以登录到我的acco未成功和“登录Pro.html”(从页面我正在做所有这些)是在一个新的页面打开(因为我已经设置目标=“_新”和表格正在提交,并带我到家我正在登录的帐户的页面在第一页(选项卡)中成功打开。但是当我尝试通过“Login Pro.html”页面重新登录时,在新标签页中打开时,我正在登录到同一页面,即“Login Pro.html”页面而不是登录(简称第二例我无法登录)。关闭此页面后,当我再次打开页面时,同样的传奇故事仍在继续,即我可以在第一个实例中登录,但在尝试新选项卡时无法这样做。

有人可以帮助我摆脱这一点。这是因为,页面已经加载?

+2

切勿使用'.attr()'设置值。改用'.val()'! – ThiefMaster

+0

@ThiefMaster,感谢您的回复。根据你的建议,我也试过这个。但这次我甚至无法登录到我的帐户。同样的问题仍然存在。我的页面无法在第二个实例中打开新的选项卡。 –

+0

表单标记在哪里?我没有在你制作的html中看到它。围绕表单标签内的输入标签,然后提交表单。这将是正确的做法。 –

回答

0

输入中缺少“name”属性。没有名字,你不会发送任何东西。

+0

在我的页面中,我写了所有内容。 Infact我已经从facebook的源代码中复制了表单标记的代码。我能够登录。问题是别的什么。请阅读最后一段。 –