【发布时间】:2014-03-06 07:21:51
【问题描述】:
我正在制作一个 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
});
在这种情况下,我可以成功登录我的帐户,并且“Login Pro.html”(从我正在执行所有这些操作的页面)在新页面中打开(因为我已设置 target=" _new" 并且表单正在提交并将我带到我正在登录的帐户的主页,在第一页(选项卡)中成功打开。但是当我尝试通过“ Login Pro.html”页面,在新选项卡中打开,我被登陆到同一页面,即“Login Pro.html”页面而不是登录(简而言之,在第二种情况下我无法登录)。关闭后此页面,当我再次打开该页面时,同样的传奇仍在继续,即我可以在第一个实例中登录,但在尝试新标签时无法登录。
谁能帮我摆脱这个。这是因为页面已经加载了吗?
【问题讨论】:
-
切勿使用
.attr()设置值。请改用.val()! -
@ThiefMaster,感谢您的重播。根据你的建议,我也试过了。但这一次我什至无法登录我的帐户。同样的问题仍然存在。我的页面无法在第二个实例中打开新标签。
-
表单标签在哪里?我在您制作的 html 中没有看到它。将输入标签包围在表单标签内,然后提交表单。这才是正确的做法。
-
这里我只是省略了表单标签。但在我的页面中,输入标签被表单标签包围。我这里省略了表单标签,因为这里不需要。
标签: javascript jquery html forms